Sunday 25th of February 2018 10:11:03 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 | Q | R | S | T | U | V | W | X | Y | Z

Index: 0

* asterisk: 10.2.1.1. Universal selector
\: colon
in declarations: 2.1.3. Declarations
in pseudo-classes/pseudo-elements: 2.4.1. Pseudo-Class Selectors
, comma
in clip property: 9.1.4.2. Overflow clipping
separating selectors: 2.2.1. Grouping Selectors
" " double quotation marks: 1.4.6. Inline Styles
curly, in generated content: 10.4. Generated Content
in font-family declarations: 5.1.3. Using Quotation Marks
/ forward slash: 2.1.3. Declarations
font property and: 5.5.1. Adding the Line Height
# octothorpe: 2.3.2. ID Selectors
. period: 2.3.1. Class Selectors
in automatic numbering: 10.4.1. Automatic Numbering
; semicolon: 2.1.3. Declarations
2.2.2. Grouping Declarations
' ' single quotation marks: 5.1.3. Using Quotation Marks
| = symbols: 10.2.2.5. Matching hyphenated values
~ tilde: 10.2.2.3. Matching single attribute values
> greater-than symbol: 10.2.1.2. Child selector
@import directive: 1.4.3. The @import Directive
hiding styles: 11.2.2. Hiding Styles with @import


element. With the right styles, the containing block for thepositioned element will be the entire BODYelement. Thus, applying the following styles to theBODY and the fifth paragraph in a document wouldlead to a situation similar to that shown in Figure 9-20:

BODY {position: relative;}<P STYLE="position: absolute; top: 0; right: 25%; left: 25%; bottom: auto;width: 50%; height: auto; background: silver;">...</P>
Figure 9-20

Figure 9-20. An absolutely positioned paragraph

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.

Basically, italic text is in some way its own font, with smallchanges made to the structure of each letter to account for thealtered appearance. This is especially true of serif fonts, where inaddition to the fact that the text characters "lean," theserifs may be altered in an italic face. Oblique text, on the otherhand, is simply a slanted version of the normal, upright text. Fontfaces with labels like Italic, Cursive,and Kursiv

P {margin: 5px; background-color: silver; border-style: solid;}
Figure 7-37

Figure 7-37. Margins, backgrounds, and borders

The border's width is, by default, medium , as we can see in Figure 7-37. We can change that to the result in Figure 7-38 as follows:

As we can see in Figure 7-41, despite the fact that the border's width was set to be 20px , when the style is set to none, not only does the border's style go away, so does its width! Why? 0 (zero). Negative values are permitted, and causethe letters to bunch closer together.

Example

permitted. Using a number defines a scaling factor that is multipliedby the font-size, and the number itself is inherited, not thecomputed value. This allows for much more intelligent page layout,and is strongly preferred over other methods of settingline-height.

The drawback to using a number value is that IE3 will interpret

padding-top, padding-right, padding-bottom, padding-left

Values

<length> | <percentage>