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.
|
|
|