Sunday 23rd of July 2017 08:30:31 AM

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

en-US, en-UK, en-Cockney, and so on.

In fact, this can be used to match any value with a similar format. For example, if you have images with ALT text of fig-1, fig-2, fig-3, and so on, and want to match any of them, you could use this selector:


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
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.

sub, but in this case, the element'sbaseline (or bottom of a replaced element) is raised with respect tothe parent's baseline. Again, the distance the text will beraised is dependent on the user agent, and there is no implied changein the size of the font. This is demonstrated in Figure 4-33:

SUP {vertical-align: super;}<P>This paragraph contains <SUP>superscripted</SUP> text.</P>
Figure 4-33

Figure 4-33. Superscript alignment

<BR><FONT COLOR="#CCCCCC">Try to maintain good contrast with the page's background color!</FONT> <P><FONT FACE="Tahoma"><B>You can try a funky font, but if the client browser doesn't support it, your page may not look so great.</FONT></B> You can try a funky font, but if the client browser doesn't support it, your page may not look so great. change the position of the bullet itself, in relation to the content of the list item. This is accomplished with list-style-position.


If a bullet's position is set to outside, it will appear the way list items always have on the Web, as you can see in Figure 7-85:at least a grandchild of the BODY. In other words,any UL that is a child of BODYwould not be gray, but any other UL -- whetherit's child to a DIV, a list item, or atable -- should be gray. This is accomplished as follows:

BODY * UL {color: gray;}

Figure 10-3 shows the result of this declaration.

Figure 10-3

Figure 10-3. Making BODY's grandchildren (and their descendants) gray

On the other hand, perhaps you wish to make purple any element that