Book Home Friday 19th of December 2014 10:18:42 AM Cascading Style Sheets: The Definitive GuideSearch this book

Full Text Search

If you are having difficulty searching, or if you have not used this search utility before, please read this.


Library Navigation Links

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

An offset block of text showing a quotation in a larger size is usually called a "pull quote." We have one near the middle of the second column, so let's decide how that will be handled. First, the text is a bit larger than the font size of the main article text, and it's in a sans serif font. Also, it has those nice lines at the top and bottom of the pull quote's box, both of which stretch slightly beyond the right and left boundaries of the text itself. The background is a light gray, and there is a bit of space around the box to separate it from the main body text. The pull quote's text is also centered, the box is about half

Example

text-indentIE4 Y/Y IE5 Y/Y NN4 Y/Y Op3 Y/-

Used to set the indentation of thefirst line of an element. This is most often used to create a tabeffect for Negative values are permitted, and cause "hangingindents."

text-transformIE4 Y/Y IE5 Y/Y NN4 Y/Y Op3 P/-

This property changes the case of theletters in the element, regardless of the case of the original text.The selection of letters to be capitalized by the valuecapitalize is not a precisely defined behavior,with the point that is as far from the top left corner of thecontaining element, as shown in Figure 6-41.

Figure 6-41

Figure 6-41. More percentage positioning

Note that with percentages the horizontal valuealways comes first. If you were to switch thepercentages in the preceding example, the image would be placedtwo-thirds of the way across the element and one-third of the waydown. It's also worth noting what happens if you only supplyone value. In that case, the single value supplied is taken to be theThere are, in fact, four ways to affect RGB color. The first way we'll examine is perhaps the easiest to grasp because it uses percentages. Here's an example:

rgb(100%,100%,100%)

This color declaration sets the level of red to its maximum, blue to maximum, and green the same. These combine to create white, which is, after all, the combination of all colors. Alternatively, in order to specify black -- the absence of color -- all three would be set to 0%. Here are a few more color declarations: