HTML Style

Using inline CSS for HTML styles is the best option when you need to change the look of a single element. Inline means declaring the style inside the tag which defines the element to be styled such as color, font, size, and more.

All you need to use is the HTML style attribute:

<tag style="name:value"> content </tag>

As you can see, you need to define the CSS styling property in a name-value pair. Let's look at a few examples of the most commonly used properties in HTML styles.

The color property defines the color of text for the element. The color can be written in either its name, RGB or HEX value:

<p style="color: rgb(255, 0, 255);">I am a unicorn</p>
<p style="color: #42f4ee;">I am a star</p>
<p style="color: lime;">I am a lime</p>

The background-color property changes the HTML background  color in your document. It accepts the same values as the color property: so as you can use height  to show the height of pragraph  and width for  show width of pragraph

<p style="background-color: black; height: 200px; width: 200px;"></p>
<p style="background-color: rgb(255, 0, 255); height: 200px; width: 200px;"></p>
<p style="background-color: #333666; height: 200px; width: 200px;"></p>

Text Properties

List Properties

Border Properties

Font Properties