The HTML Style Attribute

You can change the styling of an element by using the style attribute. Below is the syntax for declaring the style attribute.

<tagname style="property:value;">

The property is a CSS property. The value is a CSS value. CSS is a language we used for designing the HTML. You will learn more about CSS in this tutorial so don't worry.

To be more specific, tagname is the name of element and we add style attribute to change the style of the element. The property is what we want to change in that element. For example the color of the text, background color, size, etc. The value is the output of that property we want to change.

HTML Background Color

If you want to change the background color of an HTML element, we can use the background-color property. The example below will display a powder blue background color.

HTML Text Color

If you want to change the text color of an HTML element, we can use color property.

HTML Fonts

Use font-family property for changing the text font.

HTML Text Size

Use font-size property for changing the size of the text. Font-size value can be in percentage or pixel.

HTML Text Alignment

Some of the texts need alignment and the property for it is text-align property.

These are just some of the CSS property often used in designing HTML element. There's so much more to learn in here so stay tuned for my next tutorial.

HTML 5 Tutorials:

HTML 5 Tutorial #1 - Introduction
HTML 5 Tutorial #2 - HTML Editors
HTML 5 Tutorial #3 - HTML Basic
HTML 5 Tutorial #4 - HTML Elements
HTML 5 Tutorial #5 - HTML Attributes
HTML 5 Tutorial #6 - HTML Headings
HTML 5 Tutorial #7 - HTML Paragraphs