Page 153 - Dig_CodeAI_V2.1_Class_8
P. 153
Text Properties
Text properties are used to change the appearance of the text. The text properties and their values
used with the style attribute are given below:
Property Value Description
color Name of the colour Specifies the text colour to be used on the web page
text-align left, right, center, justify Specifies the alignment of the text
text-indent length in pixels or percentage Specifies the indentation of the first line of the text
underline, overline or Specifies the text effects like underline, overline or
text-decoration
strikethrough strike-through
capitalize, uppercase, Specifies the transformation of text into uppercase,
text-transform
lowercase and none lowercase or title case
Create an HTML5 web page by using the text properties.
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE>Text Properties</TITLE>
<STYLE>
H1{font-family:Comic Sans MS; text-align:center;
text-decoration:underline;color:red}
</STYLE>
</HEAD>
<BODY>
<H1>Earth</H1>
<P style=”font-family:Times New Roman; text-transform:uppercase”> Earth is
the third planet from the Sun. It is the only planet that is known to sustain
life form. About 70% of the Earth’s surface is covered with water, rest of the
earth surface is home to all the land dwelling animals.</P>
<hr Size=”10” width=”80%” color=”grey”>
<P style=”font-family:Times New Roman; text-transform:lowercase”>
Life on earth is sustained majorly due to the atmosphere. It consists of 4
layers, namely the troposphere, stratosphere, mesosphere and thermosphere.</P>
</BODY>
</HTML>
HTML5 & CSS3 151

