FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

HTML style Attribute


Example

Use of the style attribute in an HTML document:

<h1 style="color:blue;text-align:center">This is a header</h1>
<p style="color:green">This is a paragraph.</p>
Try it Yourself »

Definition and Usage

The style attribute specifies an inline style for an element.

The style attribute will override any style set globally, e.g. styles specified in the <style> tag or in an external style sheet.


Browser Support

Attribute
style Yes Yes Yes Yes Yes

Differences Between HTML 4.01 and HTML5

In HTML5, the style attribute can be used on any HTML element (it will validate on any HTML element. However, it is not necessarily useful).

In HTML 4.01, the style attribute cannot be used with: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, and <title>.


Syntax

<element style="style_definitions">

Attribute Values

Value Description
style_definitions One or more CSS properties and values separated by semicolons (e.g. style="color:blue;text-align:center")

Related Pages

HTML Tutorial: HTML Attributes

CSS Tutorial: CSS Introduction

JavaScript Tutorial: JavaScript HTML DOM - Changing CSS

HTML DOM Reference: HTML DOM Style Object

HTML DOM Reference: HTML DOM style Property

HTML DOM Reference: JS getComputedStyle() Method