Sunday 25th of February 2018 02:28:54 AM

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: 10.2.3.3. :lang
leading: 4.1.2. The Height of Lines
half-leading: 8.4.2.1. Generating a line box
left property: 9.1.2. Side Offsets
:left pseudo-class: 10.2.3.5. 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: 6.2.3.3. Length values
margins: 7.3.1. Length Values and Margins
cap looks like the illustration in Figure 11-22.

Figure 11-22

Figure 11-22. A drop cap

There's an easy way to do this, and that is of course to usethe :first-letter pseudo-element. The style wouldlook something like this:

P.intro:first-letter {font-size: 300%; font-weight: bold; float: left;width: 1em;}

This will result in approximately what is seen in Figure 11-22.

letterspacing: 4.1.4.2. Letterspacing
letter-spacing property: 4.1.4.2. Letterspacing
lighter text: 5.2.3. Lightening Weights
line box: 8.4.2. Inline Formatting
generating: 8.4.2.1. 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: 8.4.3.1. 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
links
background images, placing in: 6.2.1. Background Images
color, setting: 6.1.1. Foreground Colors
removing underlining from: 4.1.6. Text Decoration
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.

UL LI {list-style-image: url(big-ohio.gif);}
Figure 7-82

Figure 7-82. Using really big images as bullets

You should usually provide a fallback for the bullet type. Do this just in case your image doesn't load, or gets corrupted, or is in a format that some user agents might not be able to display (as is the case in Figure 7-83). Therefore, you should always define a backup list-style-type for the list:

UL LI {list-style-image: url(ohio.bmp); list-style-type: square;}
currently ready to accept input. Therefore, the background of INPUT elements could be set to yellow in order to highlight the currently active input:

INPUT:focus {background: yellow;}

This style would only be applied to an element as long as it was in focus. As soon as the user switched from one input to another, the styles would be removed from the former and applied to the latter. This is a welcome capability, as it reduces the need for using JavaScript to create such effects.

TIP

User agents are not, according tothe CSS1 specification,required to fully support negative margins, using the phrase,"A negative value is allowed, but there may beimplementation-specific limits." In the world of web browsers,though Navigator 4.x, Explorer 4.x/5.x, and Opera 3.x do permitnegative margins:

Once again, we present some color equivalents in Table 3-3.

Table 3-3. Hexadecimal Equivalents for Common Colors