HTML 5 <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> |
View it » |
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.
Differences Between HTML 4.01 and HTML 5
The scoped attribute is new in HTML 5, which allows you to define styles for
a specified section of your document, instead of the entire document.
If the "scoped" attribute is present, the styles only apply to the style
elements parent element and its child elements.
Tips and Notes
Tip: To link to an external style sheet, use the <link> tag.
Tip: To learn more about style sheets, visit our CSS
Tutorial.
Note: If the scoped attribute is NOT defined, the <style> element must be
placed in the <head> section.
Attributes
New : New in HTML 5.
| Attribute |
Value |
Description |
| type |
text/css |
Defines the content-type |
| media |
screen
tty
tv
projection
handheld
print
braille
aural
all |
The destination medium for the style information |
| scopedNew |
scoped |
If present, the styles should ONLY apply to the style elements
parent element and its child elements. |
Standard Attributes
The <a> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <a> tag also supports the Event Attributes
in HTML 5.
| 
