<style>

HTML <style> Tag

Example

Use of the style element in an HTML document:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>

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

</html>

The output of the code above will be:

Try it yourself

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

The <style> tag is supported in all major browsers

Differences Between HTML and XHTML

NONE

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

Was this information helpful?

Yes No