Java Script

Cascading Style Sheet

Posted on

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

http://www.vissicomp.com

Output :

Cascading Style Sheet
Cascading Style Sheet
Advertisements