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

:lang pseudo-class: :lang
leading: 4.1.2. The Height of Lines
half-leading: Generating a line box
left property: 9.1.2. Side Offsets
:left pseudo-class: Miscellaneous pseudo-elements and pseudo-classes
10.8.1. Paged Media
length units: 3.2. Length Units
font sizes, setting with: 5.3.5. Using Length Units
length values
for background positioning: Length values
margins: 7.3.1. Length Values and Margins
letterspacing: Letterspacing
letter-spacing property: Letterspacing
lighter text: 5.2.3. Lightening Weights
line box: 8.4.2. Inline Formatting
generating: Generating a line box
line-breaking, margins and: 7.3.7. Margins and Inline Elements
line height: 4.1.2. The Height of Lines
8.4.2. Inline Formatting
in font property: 5.5.1. Adding the Line Height
images and: 8.4.4. Inline Replaced Elements
managing for inline elements: 8.4.3. Managing the Line Height of Inline Elements
scaling: Scaling the line heights
line-height property: 4.1.2. The Height of Lines
line layout: 8.4.1. Line Layout
line-through value: 4.1.6. Text Decoration
LINK attribute: 2.4.1. Pseudo-Class Selectors
LINK element: 1.4.1. The LINK Tag
:link pseudo-class: 2.4.1. Pseudo-Class Selectors
linking style sheets: 1.4.1. The LINK Tag
background images, placing in: 6.2.1. Background Images
color, setting: 6.1.1. Foreground Colors
removing underlining from: 4.1.6. Text Decoration
P.warn {color: red;}
P.warn {color: red;}
P.warn A:link {color: green;}

Then you change your mind, deciding that warning text should be gray and that links in such text should be silver. The preceding rules need only be changed to reflect the new values:

P.warn {color: gray;}
P.warn A:link {color: silver;}

Another use for color is to draw attention to certain types of text.

list-item elements: 2.9. Classification of Elements
list items: 7.7. Lists
8.2.3. List Items
horizontal formatting and: 8.2.2. Horizontal Formatting
list-style-image property: 7.7.2. List Item Images
list-style-position property: 7.7.3. List Item Positions
list-style property: 7.7.4. List Styles In Shorthand
list-style-type property: 7.7.1. Types of Lists
lists: 7.7. Lists
7.7. Lists
(see also list items)
position of: 7.7.3. List Item Positions
shorthand property: 7.7.4. List Styles In Shorthand
types of: 7.7.1. Types of Lists
lowercase text: 4.1.5. Text Transformation

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.

the ALT attribute. For better layout control, specify image dimensions, horizontal and vertical padding space (in pixels, 72 pixels/inch), alignment, etc. Ugly Guy!Specifying image dimensions lets the client browser block out the space and compose the page quicker. 
You can stop text wrapping by including a CLEAR attribute in a line-break tag.  Move your mouse over the image and you'll see the text that's specified in the ALT attribute. element's content area:

position: absolute; top: 0; bottom: 50%; right: 50%; left: 0;

Since there is no way to know how many ems tall or wide the element will be, there is no way to make a clipping rectangle that ends 1 em to the right, or 1 em below, the content area of the element.

Further compounding the problem is that rect(...) only accepts length units and auto. The addition of percentage units as valid rect(...) values