Tuesday 02nd of September 2014 11:06:00 AM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

if the declaration text-transform:uppercase; had been used instead, as shown inFigure 5-30. This is obviously not an idealsolution, but it is permitted.

H1 {font-variant: small-caps;}
Figure 5-30

Figure 5-30. Legal, if not optimal, rendering of small caps


Of the browsers which even recognize font-variant:small-caps (Explorer 4 and 5, and Opera 3.5), only Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Index: Z

z-axis: 9.5. Stacking Positioned Elements
z-index property: 9.5. Stacking Positioned Elements

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

As an example, let's say you have a design where all H1 elements should be green, most H2 elements should be blue, and all hyperlinks should be dark red. However, in some cases H2 elements should be dark blue because they're associated with different types of information. The simplest way to handle this is to put a class of dkblue on each H2 that needs to be dark blue and declare the following:

Figure 8-16

Figure 8-16. Setting an explicit right margin

Finally, what happens when all three properties are set toauto ? The answer is simple: both margins are setto zero, and the width is made as wide aspossible. This result is the same as the default situation when thereare no values explicitly declared for margins or the width. In such acase, the margins default to zero (0) and thewidth defaults to auto. This is illustrated inFigure 8-17.