HTML <style> Tag
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> |
Try it yourself » |
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
NONE
Tips 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
print
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 |
More information about Standard Attributes.
Event Attributes
The <style> tag does not support any event attributes.
More information about Event Attributes.
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
