Tag <style> HTML Reference


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

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

<h1>Header 1</h1>
<h2>Header 2</h2>

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


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