Sunday 25th of February 2018 10:07:41 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: R

raised look: 7.4.1. Borders with Style
readers, selecting alternate style sheets: Alternate style sheets
relative font sizing: 5.3.2. Relative Sizes
relative length units: 3.2.2. Relative Length Units
relative positioning: 9.2. Relative Positioning
relative URLs: 3.4. URLs
rendering engines: 8. Visual Formatting
repeating images: 6.2.2. Repeats with Direction
6.2.4. Repeats with Direction (Revisited)
replaced elements: 2.9. Classification of Elements
8.2.4. Block-Level Replaced Elements
8.4. Inline Elements
inline: 8.4.4. Inline Replaced Elements
adding box properties to: Adding box properties
border color: 7.4.3. Border Colors
border widths: 7.4.2. Border Widths
margins: 7.3.3. Replicating Values
value: Multiple styles
resources for further information
of the text is the same size. Just to cover all the bases, though, it might make more sense to simply increase the line-height of the anchor element itself, like this:

A:link {border: 5px solid blue; line-height: 24px;}
P {font-size: 14px;}

If all the content of a line is text of the same size, then the line box is always as tall as the biggest line-height value contained within that line box (since this will coincide with

instances: 11.2.4. Styling Common Elements
restrictions on pseudo-classes/ pseudo-elements: 2.4.3. Restrictions on Pseudo-Class and Pseudo-Element Selectors
RGB colors: 3.1.2. Colors by RGB
richness property: 10.8.2. The Spoken Word
right property: 9.1.2. Side Offsets
:right pseudo-class: 10.8.1. Paged Media
root element: 2.5. Structure
@ rules: 10.8. Media Types and @-rules

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.

only a single background image, it's much easier to see howpositioning affects the placement of the first background image. Wedon't have to prevent the background image from repeating,though:

BODY {background-image: url(bigyinyang.gif);background-position: -150px -100px;}

So, with the background repeating, we can see from Figure 6-48 that the tiling pattern starts with theposition specified by background-position. Thisfirst image is known as the originused to define a modifier to the usual spacing, not the entire space itself; thus, normal is synonymous with 0 (zero). Negative values are permitted, and cause the letters to bunch closer together.


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

P.aside {float: left; width: 40em; max-width: 40%;}

This will set the float to be 40em wide, unless that would be more than 40% the width of the containing block, in which case the float will be narrowed.

Of course, it's still possible to use these properties to keep an element from exceeding a certain size, as in this: