HTML <style> Tag


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

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!