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