Book HomeCascading Style Sheets: The Definitive GuideSearch this book Tuesday 02nd of September 2014 03:46:54 AM

Copyright © 2000 O'Reilly & Associates, Inc. All rights reserved.

Printed in the United States of America.

Published by O'Reilly & Associates, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472.

Nutshell Handbook, the Nutshell Handbook logo, and the O'Reilly logo are registered trademarks of O'Reilly & Associates, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O'Reilly & Associates, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps. The association between the image of a koala and the topic of HTML and XHTML is a trademark of O'Reilly & Associates, Inc.

While every precaution has been taken in the preparation of this book, the publisher assumes no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein.



the LINK tag. So, the STYLEcontainer should always start with <STYLETYPE="text/css">. This is followed by one ormore styles and finished with a closing</STYLE> tag.

The styles between the opening and closingSTYLEtags are referred to as the document stylesheet or the Library Navigation Links

Copyright © 2002 O'Reilly & Associates. All rights reserved.

Figure 7-52

Figure 7-52. An inline element

Here, if we set values for the left or right border, not only will they be visible, but they'll displace the text around them, as we see in Figure 7-53:

With borders, just as with margins, the browser's calculations for line-breaking are not directly affected by any box properties set for inline elements. The only effect is that the space taken up by the borders may shift portions of the line over a bit,and is strongly preferred over other methods of setting line-height.

The drawback to using a number value is that IE3 will interpret it as a number of pixels. See Chapter 8, "Visual Formatting" for a detailed discussion of line-height and line boxes.

Example

P {line-height: 18pt;}
H2 {line-height: 200%;}
list-styleIE4 P/P IE5 Y/Y NN4 P/P Op3 Y/-

A shorthand property condensing allsize, typically 12-point, so that the allowable  n values 1 through 7 typically reference 8, 10, 12, 14, 18, 24 and 36 points respectively; "name" references a font name (Arial, Times New Roman or whatever); and "color" is an RGB hexadecimal triple or one of the 16 named colors. 

Then you can change font attributes for special pieces of text in-line with FONT tags: 
<FONT SIZE="n" FACE="name" COLOR="color"> ... </FONT>

Be careful about specifying fonts in the <BASEFONT> or <FONT>