Scribd
Upload
19 views

HTML Style - Javatpoint

The document discusses how to style HTML elements using the style attribute and CSS properties like color, background-color, font-family, font-size, and text-align. Examples are provided to demonstrate how to apply each property to HTML tags to change text colors, background colors, fonts, text sizes, and alignment.

Uploaded by

mdfaisaliqbal14012004
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
19 views

HTML Style - Javatpoint

The document discusses how to style HTML elements using the style attribute and CSS properties like color, background-color, font-family, font-size, and text-align. Examples are provided to demonstrate how to apply each property to HTML tags to change text colors, background colors, fonts, text sizes, and alignment.

Uploaded by

mdfaisaliqbal14012004
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

5/2/24, 4:14 PM HTML Style - javatpoint

ADVERTISEMENT

HTML Style
HTML Style is used to change or add the style on existing HTML elements. There is a default style for every HTML element e.g. background color is
white, text color is black etc.

The style attribute can by used with any HTML tag. To apply style on HTML tag, you should have the basic knowledge of css properties e.g. color,
background-color, text-align, font-family, font-size etc.

The syntax of style attribute is given below:

style= "property:value"

HTML Style color


The color property is used to define the text color.

Let's see a simple example of styling html tags by color property of css.

<h3 style="color:green">This is Green Color</h3>


<h3 style="color:red">This is Red Color</h3>

Test it Now

Output:

This is Green Color

This is Red Color

https://www.javatpoint.com/html-style 2/7
5/2/24, 4:14 PM HTML Style - javatpoint

HTML Style background-color


The background-color property is used to define background color for the HTML tag.

Let's see an example of styling html tag by of css background-color property

<h3 style="background-color:yellow;">This is yellow background</h3>


<h3 style="background-color:red;color:white">This is red background</h3>

Test it Now

Output:

This is yellow background

This is red background

HTML Style font-family


The font-family property specifies the font family of the HTML tag.
ADVERTISEMENT

Let's see an example of styling html tag by css font-family property

<h3 style="font-family:times new roman">This is times new roman font family</h3>


<p style="font-family:arial">This is arial font family</p>

Test it Now

Output:

This is times new roman font family

This is arial font family

HTML Style font-size


The font-size property is used to define the text size of the HTML tag.

Let's see an example of font-size property

<h3 style="font-size:200%">This is 200% h3 tag</h3>


<p style="font-size:200%">This is 200% p tag</p>

Test it Now

https://www.javatpoint.com/html-style 3/7
5/2/24, 4:14 PM HTML Style - javatpoint

Output:

This is 200% h3 tag

This is 200% p tag


ADVERTISEMENT ADVERTISEMENT

HTML Style text-align


The text-align property is used to define the horizontal text alignment for the HTML element.

Let's see an example of styling html tag by css text-align property

<h3 style="text-align:right;background-color:pink;">This text is located at right side</h3>


<p style="text-align:center;background-color:pink;">This text is located at center side</p>

Test it Now

If you want to put heading at center or left, use "text-align:center" or "text-align:left" respectively.

Output:

This text is located at right side

This text is located at center side

HTML5 doesn't support <center> tag which is supported in older version of HTML.

https://www.javatpoint.com/html-style 4/7

You might also like