Wednesday 30th of July 2014 09:00:29 AM

by Eric A. Meyer
ISBN 1-56592-622-6
First edition, published May 2000.
(See the catalog page for this book.)

Search the text of Cascading Style Sheets: The Definitive Guide.

Table of Contents

Copyright Page
Chapter 1: HTML and CSS
Chapter 2: Selectors and Structure
centuries. Thus, you might declare the following to get an effectlike that shown in Figure 4-51:

STRONG {letter-spacing: 0.2em;}<P>This paragraph contains <STRONG>strongly emphasized text</STRONG>which is spread out for extra emphasis.</P>
Figure 4-51

Figure 4-51. Using letterspacing to increase emphasis Spacing, alignment, and font size

Chapter 3: Units and Values
Chapter 4: Text Properties
Chapter 5: Fonts
Chapter 6: Colors and Backgrounds
Chapter 7: Boxes and Borders
Chapter 8: Visual Formatting
Chapter 9: Positioning
Chapter 10: CSS2: A Look Ahead
Chapter 11: CSS in Action
Appendix A: CSS Resources
Appendix B: HTML 2.0 Style Sheet
Appendix C: CSS1 Properties
Appendix D: CSS Support Chart
Library Navigation Links

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

<STRONG> regular </STRONG></B></STRONG></SPAN>.</P>

Ignoring the fact that this would be entirely counterintuitive, whatwe see in Figure 5-16 is that the main paragraphtext has a weight of 900 and theSPAN aweight of700. When the STRONG text isset to lighter, it evaluates to the next-lighterface, which is the regular face, or 400 (the sameas normal) on the numeric scale. The next step background image that is all the way to the right side of an elementand 10 pixels down from the top, as illustrated in Figure 6-44. As always, the horizontal value comes first:

BODY {background-image: url(bg23.gif);background-repeat: no-repeat;background-position: 100% 10px;}
Figure 6-44

Figure 6-44. Mixing percentages and length values

You cannot, however, mix keywords with othervalues. Thus, top 75% is notvalid. If you use a keyword, you're stuck using only keywords, it's the text of an element, although that isn't thewhole story: the borders around an element are also considered to bepart of its foreground. Thus, there are two ways to directly affectthe foreground color of an element: by using thecolor property and by setting the border colorsusing one of a number of border properties. Primarily there is theborder-color property, as well as shorthandproperties such as border-top,border-right, border-bottom ,border-left, and border.