HTML 5 <style> tag
Definition and Usage
Defines a style in a document.
If you want to include a style sheet in your page,
you should define the style sheet externally, and link to it using <link>.
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.
Tips and Notes
Tip: To learn more about style sheets, visit our CSS
Tutorial.
Tip: The style attribute (for all elements) is not supported in
HTML 5, to add styles to an element, you can use the <style> element with the
scoped attribute defined.
Note: If the scoped attribute is defined, the <style> element must be
placed in the <head> section.
Example
| Source |
<head>
<style type="text/css">
h1 {color: red}
h3 {color: blue}
</style>
</head> |
Attributes
- 4: indicates if the attribute is defined in HTML 4.01
- 5: indicates if the attribute is defined in HTML 5
| Attribute |
Value |
Description |
4 |
5 |
| type |
text/css |
Defines the content-type |
4 |
5 |
| media |
screen
tty
tv
projection
handheld
print
braille
aural
all |
The destination medium for the style information |
4 |
5 |
| scoped |
true
false |
If true, the styles should ONLY apply to the style elements
parent element and its child elements. |
4 |
5 |
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id,
irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard
Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes
in HTML 5.
Try-It-Yourself Demos
Styles in HTML
How to format an HTML document by using the style element.
Link that is not underlined
How to make a link that is not underlined by using the
style attribute.
Link to an external style sheet
How to link to an external style
sheet by using the link element.
|
|
|
