The style attribute is a new HTML attribute. It introduces CSS to HTML.
Look! Styles and colorsThis text is in Verdana and red This text is in Times and blue This text is 30 pixels high |
The HTML Style Attribute
The purpose of the style attribute is:
To provide a common way to style all HTML elements.
Styles was introduced with HTML 4, as the new and preferred way to style HTML elements. With HTML styles, styles can be added to HTML elements directly by using the style attribute, or indirectly by in separate style sheets (CSS files).
You can learn everything about styles and CSS in our CSS tutorial.
In our HTML tutorial we use the style attribute to introduce you to HTML styles.
HTML Style Examples
style="background-color:yellow"
style="font-size:10px"
style="font-family:Times"
style="text-align:center"
Deprecated Tags and Attributes
In HTML 4, some tags and attributes are defined as deprecated. Deprecated means that they will not be supported in future versions of HTML and XHTML.
The message is clear: Avoid the use of deprecated tags and attributes.
These tags and attributes should be avoided:
| tags | description |
|---|---|
| <center> | Defines centered content |
| <font< and <basefont> | Defines HTML fonts |
| <s> and <strikeout> | Defines strikeout text |
| <u> | Defines underlined text |
| Attributes | Description |
| align | Defines the alignment of text |
| bgcolor | Defines the background color |
| color | Defines the text color |
For all the above: Use styles instead.
Style Examples:
Background Color
<body style="background-color:#C8C8C8;">
The style attribute defines a style for the <body> element.
The new style attribute makes the "old" bgcolor attribute obsolete.
Background the old way HTMLFont Family, Color and Size
<p style="font-family:courier new; color:red; font-size:20px">
The style attribute defines a style for the <p> element.
Font Example HTML
The new style attribute makes the old <font> tag obsolete.
Text Alignment
<h1 style="text-align:center">
The style attribute defines a style for the <h1> element.
The new style attribute makes the old "align" attribute obsolete.
Was this information helpful?
