Friday 19th of December 2014 07:10:26 PM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P width, or if the space should be thicker or thinner than the lines. All of these things are left up to the user agent to decide.

All of the borders shown in Figure 7-30 are based on a color of gray, which makes all of the effects easier to see. The look of a border style is always based in some way on the color of the border, although the exact method may vary between user agents. For example, Figure 7-30 illustrates two different ways of rendering an | 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.

The last type of attribute selector isgenerally used for language matching, but it does have other uses.Any attribute selector using the symbols|= will match a value that begins with thespecified value, given that the value is at the start of ahyphen-separated value. For example:


This selector will match any paragraph whose langattribute has the value en, padding: 10px; margin-top: 75px;"><P CLASSS="neg">A paragraph.</P></DIV>

As we can see from Figure 8-22, the paragraph hassimply been pulled upward by its negative top margin, such thatit's outside the parent DIV !

Figure 8-22

Figure 8-22. The effects of a negative top margin

weights already defined. In this case, the numbers are assigned toeach level, and the keywords normal andbold are assigned to the numbers400 and 700, respectively.

In our second example, we consider the font family Zurich, which wasdiscussed near the beginning of this section. Hypothetically, itsvariants might be assigned values for font-weightas shown in Table 5-3.