HTML Style

Every HTML element has a default style (background color is white and text color is black).

Changing the default style of an HTML element, can be done with the style attribute.

This example changes the default background color from white to lightgrey:

<body style="background-color:lightgrey">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
Try it Yourself

The HTML Style Attribute

The HTML style attribute has the following syntax:

style="property:value"

The property is a CSS property. The value is a CSS value.

HTML Text Color

The color property defines the text color to be used for an HTML element:

<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
Try it Yourself

HTML Text Size

The font-size property defines the text size to be used for an HTML element:

<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
Try it Yourself

HTML Text Alignment

The text-align property defines the horixontal text alignment to be used for an HTML element:

<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
Try it Yourself