ExampleUse of the <style> element in an HTML document: <html> <head> <style type="text/css"> h1 {color:red;} h2 {color:green;} h3 {color:blue;} p {color:blue;} span {font-size:11px;} </style> </head> <body> <h1>Header 1</h1> <h2>Header 2</h2> <p>Paragraph.</p> </body> </html> | Browser Support |
1. Definition and Usage
The <style> tag is used to define style information for an HTML document.
Inside the <style> element you specify how HTML elements should render in a browser.
The required type attribute defines the content of the <style> element. The only possible value is "text/css".
The <style> element always goes inside the head section.
2. Tips and Notes
Tip: To link to an external style sheet, use the <link> tag.
3. Differences Between HTML and XHTML
None
4. Required Attributes
DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.
| Attribute | Value | Description | DTD |
|---|---|---|---|
| type | text/css | Specifies the MIME type of the style sheet | STF |
5. Optional Attributes
| Attribute | Value | Description | DTD |
|---|---|---|---|
| media | screen tty tv projection handheld braille aural all | Specifies what media/device the media resource is optimized for | STF |
6. Standard Attributes
The <style> tag supports the following standard attributes:
| Attribute | Value | Description | DTD |
|---|---|---|---|
| dir | rtl ltr | Specifies the text direction for the content in an element | STF |
| lang | language_code | Specifies a language code for the content in an element | STF |
| title | text | Specifies extra information about an element | STF |
| xml:lang | language_code | Specifies a language code for the content in an element, in XHTML documents | STF |
7. Event Attributes
The <style> tag does not support any event attributes.
