HTML <style> Tag

Example

Use of the style element in an HTML document:

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

<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
Code it Online »

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 Content of the style element. The only possible value is "text/css".

The style element always goes inside the head section.

Browser Support

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

Tips and Notes

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

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
tty
tv
projection
handheld
print
braille
aural
all
Specifies styles for different media types STF


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

More information about Standard Attributes.

Event Attributes

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

More information about Event Attributes.


Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!