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.
Learn how your website performs under various load conditions
 |
|
WAPT
is a load, stress and performance testing tool for websites and web-based applications.
In contrast to "800-pound gorilla" load testing tools, it is designed to minimize the learning
curve and give you an ability to create a heavy load from a regular workstation.
WAPT is able to generate up to 3000 simultaneously acting virtual users using standard hardware configuration.
Virtual users in each profile are fully customizable. Basic and NTLM authentication methods are supported.
Graphs and reports are shown in real-time at different levels of detail, thus helping to manage the testing process.
Download the free 30-day trial!
|
|
