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

![example.png](https://steemitimages.com/DQmRLRWLESY6HTVyD7HegCPPVgsKsF7M4jzUewSmoCpk6vU/example.png)

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

![example.png](https://steemitimages.com/DQmRiAdaT1GW6dohkhUc9ZdAXeH3sYUKdR6HJ5jpgmDmree/example.png)

## HTML Fonts
Use font-family property for changing the text font. 

![example.png](https://steemitimages.com/DQmZ9srEpEm7K9RJF5BrMJFrjkArTHRX4N4JUB62hquvGwB/example.png)

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

![example.png](https://steemitimages.com/DQmYxJ89eroNXxxGC9EuZVwpweQCKA2wRZWaUcJTxPrAD8X/example.png)

## HTML Text Alignment
Some of the texts need alignment and the property for it is text-align property. 

![example.png](https://steemitimages.com/DQmY4Q4hHaEAXea2gTh99WYhtZW6Vb1ykoBSaFC3Dxa7yNh/example.png)

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. 

<hr> 

### HTML 5 Tutorials:
[HTML 5 Tutorial #1 - Introduction](https://steemit.com/steemit/@cj23/html-tutorial-1-introduction)
[HTML 5 Tutorial #2 - HTML Editors](https://steemit.com/steemit/@cj23/html-tutorial-2-html-editors)
[HTML 5 Tutorial #3 - HTML Basic](https://steemit.com/steemit/@cj23/html-5-tutorial-3-html-basic)
[HTML 5 Tutorial #4 - HTML Elements](https://steemit.com/steemit/@cj23/html-5-tutorial-4-html-elements)
[HTML 5 Tutorial #5 - HTML Attributes](https://steemit.com/steemit/@cj23/html-5-tutorial-5-html-attributes)
[HTML 5 Tutorial #6 - HTML Headings](https://steemit.com/steemit/@cj23/html-5-tutorial-6-html-headings)
[HTML 5 Tutorial #7 - HTML Paragraphs](https://steemit.com/steemit/@cj23/html-5-tutorial-7-html-paragraphs)