HTML 5 STYLE TAG

From http://www.w3schools.com (Copyright Refsnes Data)

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

From http://www.w3schools.com (Copyright Refsnes Data)