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.
 |
 |
 |
 |
|
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
 |
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
 |
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Utilize the extensive out-of-the box features or customize your site through Ektron CMS400.NET's open architecture |
 |
Promote collaboration in your organization through project workspaces where others can efficiently find information and work together |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
|
|
 |
TAKE THE VIDEO TOUR |
 |
or download a FREE TRIAL today. |
|
HOME
Printer friendly page
