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