Tag <style> HTML Reference



Example

Use of the <style> element in an HTML document:

<html>
<head>
<style type="text/css">
h1 {color:red;}
h2 {color:green;}
h3 {color:blue;}
p {color:blue;}
span {font-size:11px;}
</style>
</head>

<body>
<h1>Header 1</h1>
<h2>Header 2</h2>
<p>Paragraph.</p>
</body>
</html>

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

1. Definition and Usage

The <style> tag is used to define style information for an HTML document.

Inside the <style> element you specify how HTML elements should render in a browser.

The required type attribute defines the content of the <style> element. The only possible value is "text/css".

The <style> element always goes inside the head section.


2. Tips and Notes

Tip: To link to an external style sheet, use the <link> tag.


3. Differences Between HTML and XHTML

None


4. Required Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
type text/css Specifies the MIME type of the style sheet STF

5. Optional Attributes

Attribute Value Description DTD
media screen
tty
tv
projection
handheld
print
braille
aural
all
Specifies what media/device the media resource is optimized for STF

6. Standard Attributes

The <style> tag supports the following standard attributes:

Attribute Value Description DTD
dir rtl
ltr
Specifies the text direction for the content in an element STF
lang language_code Specifies a language code for the content in an element STF
title text Specifies extra information about an element STF
xml:lang language_code Specifies a language code for the content in an element, in XHTML documents STF

7. Event Attributes

The <style> tag does not support any event attributes.


Relative articles