Example
Use of the style element in an HTML document:<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
Definition and Usage
The <style> tag is used to define style information for an HTML document.In 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.
Browser Support
The <style> tag is supported in all major browsers.
Differences Between HTML and XHTML
NONETips and Notes
Tip: To link to an external style sheet, use the <link> tag.Tip: To learn more about style sheets, please read our CSS Tutorial.
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 |
Optional Attributes
Attribute | Value | Description | DTD |
---|---|---|---|
media | screen tty tv projection handheld braille aural all | Specifies styles for different media types | STF |
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 |