Untitled Document



 Introduction to HTML
 Structure of HTML
 Creating First HTML  Document
 Building Your HTML  Document
 Tables
 Frames
 Including Images into  Document
 Including Multimedia
 Developing HTML  FORMS
 Using Style Sheet
 How do Style Sheets  Work?
 How do Style Sheets  Work?
 Some Advantages of  Using Style Sheets
 Implementing Style  Sheets
 
 Implementing Style  Sheets
 Associating Style  Sheets with HTML  Documents
 Developing a Style  Sheet
 Setting Font  Properties
 Setting Text  Properties
 Setting Box  Properties
 Setting Color and  Background  Properties
 Setting Classification  Properties
 Understanding URLs
 Using JavaScript
 Using Java

Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




  Using Style Sheet > Implementing Style Sheets

  Setting Text Properties

Text properties change the text's appearance and placement, such as the line-height, text decoration, vertical-align, and text-align. The word spacing and letter spacing properties can make letters wider or squeezed more tightly next to each other. The Text-Transform property can be set to capitalize, uppercase or lowercase.

Example

<STYLE>
H1 {text-align: center;
Letter-spacing: .5em;
Background: green;
Color: yellow;
Font: normal 20pt "Nueva roman", "lithos regular"}
P {text-align: justify;
Text-indent: 8pt;
Font: 10pt/15pt "Myraid roman", "veranda"}
</STYLE>

In this Exercise you will learn to set the Text properties in a cascading style sheet.

The style specification highlighted aligns the text to the center of the page and sets the letter spacing to 5em.

The style specification highlighted sets the background and text colors.

The paragraphs are now centered and displayed in a green background with yellow color font for the text.

Back Next


Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




17, Vadsarvala Nivas, 65-A, J. Nehru Road, Mulund (W), Mumbai - 400 080 INDIA
Tel : 91-22-25795588, 91-22-25780444 Fax : 91-22-25793397
Email : ionline@vsnl.com
© Image Online 2001-2003