Friday 20th of April 2018 04:45: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 | Q | R | S | T | U | V | W | X | Y | Z

Index: B

background attachment: 6.2.5. Getting Attached
background-attachment property: 6.2.5. Getting Attached
background-color property: 6.1.2. Background Color
inheritance and: 6.1.2. Background Color
background-image property: 6.2.1. Background Images
background-position property: 6.2.3. Background Positioning
background property: 6.2.6. Bringing It All Together
background-repeat property: 6.2.2. Repeats with Direction
backgrounds: 6. Colors and Backgrounds
colors: 6.1.2. Background Color
importance of declaring foreground color with: 6.1.4. Good Practices
complex: 6.2. Complex Backgrounds
floated elements and: 7.6.1.1. Backgrounds and floats
images as: 6.2. Complex Backgrounds
specifying with background color: 6.2.1.1. Good background practices
Netscape Navigator 4.x, correcting placement: 11.2.5. Getting Full Content Backgrounds in Navigator
padding and: 7.2. Margins or Padding?
perfect alignment of: 6.2.5.1. Interesting effects
positioning: 6.2.3. Background Positioning
scrolling vs. fixed: 6.2.5. Getting Attached
backward accessibility: 1.4.4. Actual Styles
baseline alignment: 4.1.3.1. Baseline alignment
only one such column. Should you want two columns of symbols in thisexample, then the base image would have to be altered to containside-by-side symbols, as in Figure 6-30.

Figure 6-30

Figure 6-30. Tiling a slightly larger image on the vertical axis

The expected result occurs when we change the repeat value to berepeat-x:

BODY {background-image: url(yinyang.gif);background-repeat: repeat-x;}
\:before pseudo-element: 10.2.3.5. Miscellaneous pseudo-elements and pseudo-classes
generated content: 10.4. Generated Content
blank space around elements (see margins)
blinking text: 4.1.6. Text Decoration
block-level elements: 2.9. Classification of Elements
8.2. Block-Level Elements
auto value: 8.2.2.2. Using auto
collapsing vertical margins: 8.2.1.2. Collapsing vertical margins
floated elements and: 8.3. Floated Elements
height: 8.2.1.1. Height
horizontal formatting: 8.2.2. Horizontal Formatting
horizontal properties: 8.2.2.1. Horizontal properties
list items: 8.2.3. List Items
margins and, caution with: 7.3.6. Negative Margin Values
negative margins: 8.2.2.4. Negative margins
replaced: 8.2.4. Block-Level Replaced Elements
vertical formatting: 8.2.1. Vertical Formatting
BODY attributes: 2.4.1. Pseudo-Class Selectors
replacing with color property: 6.1.1.1. BODY attributes
bold text: 5.2.2. Getting Bolder
preserving with Netscape Navigator 4.x: 11.2.7. Preserving Boldness
setting color: 6.1.1. Foreground Colors
border-bottom property: 7.4.4. Shorthand Border Properties
border-bottom-width property: 7.4.2. Border Widths
border-color property: 6.1.1.2. Affecting borders
7.4.3. Border Colors
border-left property: 7.4.4. Shorthand Border Properties
border-left-width property: 7.4.2. Border Widths
border property: 7.4.4.1. Setting borders as quickly as possible
border-right property: 7.4.4. Shorthand Border Properties
border-right-width property: 7.4.2. Border Widths
border-style property[border style property: 7.4.1. Borders with Style
border-top property: 7.4.4. Shorthand Border Properties
border-top-width property: 7.4.2. Border Widths
border-width property: 7.4.2. Border Widths
borders: 7.4. Borders
color: 7.4.3. Border Colors
replication: 7.4.3. Border Colors
setting: 6.1.1.2. Affecting borders
inline elements and: 7.4.5. Borders and Inline Elements
multiple styles: 7.4.1.1. Multiple styles
new properties with CSS2: 10.6. Borders
width: 7.4.2. Border Widths
for individual sides: 7.4.2. Border Widths
keywords for: 7.4.2. Border Widths
none, setting to: 7.4.2.1. No border at all
replication: 7.4.2. Border Widths
bottom property: 9.1.2. Side Offsets
box properties: 7.4.5. Borders and Inline Elements
7.4.6. Borders: Known Issues
adding to
inline elements: 8.4.2.2. Adding box properties
inline replaced elements: 8.4.4.1. Adding box properties
browsers
appearance and: 10.5. Adapting to the Environment
background images and: 6.2.1. Background Images
background property and: 6.2.6. Bringing It All Together
backward accessibility for: 1.4.4. Actual Styles
cursor shape: 10.5.1. Cursors
environment and: 10.5. Adapting to the Environment
important rules and: 2.7.2. Importance
inheritance and: 2.6.1. Limitations of Inheritance
negative background positions and: 6.2.3.3. Length values
negative margins, support for: 7.3.6. Negative Margin Values
negative padding and: 7.5. Padding
points/pixels, treatment of: 5.3.5. Using Length Units
speech-synthesis: 1.1.1. What a Mess
1.1.1. What a Mess
10.8.2. The Spoken Word
text justification and: 4.1.1.2. Aligning text
underlining, turning off in: 4.1.6.1. Weird decorations
whitespace, handling in: 4.1.1.3. Handling whitespace
bullets: 7.7. Lists
8.2.3. List Items
fallback for: 7.7.2. List Item Images
images used as: 7.7.2. List Item Images
position of: 7.7.3. List Item Positions


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.

gone as far as possible to the right or left.

Figure 8-38

Figure 8-38. Get as far to the left (or right) as possible

8.3.2. Applied Behavior

There are a number of interesting consequences of the above rules, both because of what they say and what they don't say. The first thing to discuss is what happens when the floated element is taller than its