Wednesday 13th of December 2017 08:02:01 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: N

named colors: 3.1.1. Named Colors
navigation bar: 11.1.2. Case 2: Library Catalog System Interface
negative margins: 7.3.6. Negative Margin Values
block-level elements: 8.2.2.4. Negative margins
caution with: 7.3.6. Negative Margin Values
browser support for: 7.3.6. Negative Margin Values
floated elements and: 7.6.1.2. Negative margins and floating
8.3.2.1. Negative margins
11.1.3. Case 3: Putting a Magazine Article Online
inline replaced elements and: 8.4.4.1. Adding box properties
negative values in percentage colors: 3.1.2.1. Percentage colors
nesting, shrinking text and: 11.2.6. The Incredible Shrinking Text!
Netscape Navigator
blinking support: 4.1.6. Text Decoration
CSS implementations in: 1.3.2. Implementations
disappearing styles: 11.2.10. Disappearing Styles
margin problems and: 11.2.3. Fighting Margin Problems with @import
preferences for style sheets/JavaScript: 11.2.1. Making Styles Work
Netscape Navigator 4.x
background color: 7.4.6. Borders: Known Issues
background color, incorrect placement: 6.1.2.1. Real-world issues
correcting: 11.2.5. Getting Full Content Backgrounds in Navigator
block-level elements, borders and: 7.4.6. Borders: Known Issues
bold text, preserving: 11.2.7. Preserving Boldness
inline elements
borders and: 7.4.5. Borders and Inline Elements
caution with: 7.4.6. Borders: Known Issues
margins and: 7.3.8. Margins: Known Issues
padding and: 7.5.4. Padding: Known Issues
region should have the same size and location as the element'scontent area. The other possibility is to define a clipping shapethat is relative to the element's content area. This does notalter the shape of the content area, but instead alters the area inwhich content may be rendered.

TIP

While the only clipping shape available in CSS2 is a rectangle, thespecification does offer the possibility that other shapes will beincluded in future specifications.

relative URLs and: 3.4. URLs
styles, hiding: 11.2.2. Hiding Styles with @import
nonreplaced elements: 8.4. Inline Elements
number keywords: 5.2.1. How Weights Work
numbering, automatic: 10.4.1. Automatic Numbering
numeric RGB equivalents, list of: 3.1.2.2. Going by numbers


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.

space to appear within the line, they can move content over. This maycause a line to break at a different spot than it ordinarily wouldhave.

Turn to Figure 7-25 to see what happens when aninline element with a margin is displayed across multiple lines:

B {margin: 10px; background: silver;}
Figure 7-25

Figure 7-25. An inline element displayed across two lines of text with a 10-pixel margin

The left margin is applied to the beginning of the element, and therelative with no offsets. Thus:

P.contain {position: relative;}

Consider the example in Figure 9-19. It shows twoparagraphs that contain identical text. However, the first paragraphcontains an inline boldface element, and the second an absolutelypositioned boldface element. In the second paragraph, the styles usedwould be something like what is shown here:

P {position: relative;}   /* establish containing blocks */width, below which a block-level element's
width cannot drop. The value of this minimum can
vary between browsers, as it is not defined in the specification.