Bookmark and Share


Use of the style element in an HTML document:

<style type="text/css">
h1 {color:red}
p {color:blue}

<h1>Header 1</h1>
<p>A paragraph.</p>

Definition and Usage

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

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

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <style> tag is supported in all major browsers.

Differences Between HTML and XHTML


Tips and Notes

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

Tip: To learn more about style sheets, please read our CSS Tutorial.

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

Optional Attributes

Attribute Value Description DTD
media screen
Specifies styles for different media types STF

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

Event Attributes

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

Our Followers

Speak to us !

Creative Commons License [Valid RSS] [Valid Atom 1.0] Trust Seal