Java Script
Cascading Style Sheet
Program which explains about Cascading Style Sheet
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3.2//EN”>
<HTML> <HEAD> <TITLE> Sample 206 – CSS Example 1-6 </TITLE>
<STYLE TYPE=”text/CSS”>
<!—
H1 { text-align: center;
line-height: 50pt;
text-decoration: line-through;
text-transform: uppercase;
text-indent: 40px;
color: red;
font-family: Clarendon, Palatino, Helvetica;
font-size: 24pt;
}
DIV { text-align: right;
line-height: 32pt;
text-decoration: underline;
text-transform: capitalize;
text-indent: 100px;
color: blue;
font-family: Palatino, Clarendon, Helvetica;
font-size: 14pt;
}
–>
</STYLE>
</HEAD>
<BODY>
<H1>this is sample 206</H1>
<DIV> This example focuses on demonstrating text-decoration, text-transform,
text-align, text-indent and line-height.
</DIV>
<BR><HR>
<DIV> Notice that the line-height parameter causes the space between the lines to
be greater than normal leading in the DIV tags. The DIV Elements are text-aligned
to the right, blue, underlined and the first letter of each word is capitalized.
</DIV> <BR><HR>
<DIV> Also Notice that the text in the H1 Element is all in uppercase letters even
though when it was typed in they were all in lowercase letters.
</DIV>
Posted by Vissicomp Technology Pvt Ltd
Output :
You must be logged in to post a comment.