Saturday 18th of April 2015 06:38:52 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: O

oblique text: 5.4.1. Fonts with Style
octothorpe (#) preceding ID selectors: 2.3.2. ID Selectors
offsets (see side-offset properties)
CSS implementation in: 1.3.2. Implementations
padding and: 7.5.4. Padding: Known Issues
padding values, negative: 7.5. Padding
operating system, colors and: 10.5.2. Colors
order sorting: 2.8. The Cascade
ordered lists: 7.7.1. Types of Lists
7.7.2. List Item Images
origin image: Length values
origin sorting: 2.8. The Cascade
origins: 2.8. The Cascade
orphans property: 10.8.1. Paged Media
outline properties: 10.5.3. Outlines
overflow: 9.1.4. Content Overflow and Clipping
overflow-clip property: Overflow clipping
overflow clipping: Overflow clipping
overflow property: Overflow
elements, altering: 9.5. Stacking Positioned Elements
floated elements, preventing: 8.3.1. Floating: The Details
simply use margin. From the standpoint of yourdocument's display, however, it doesn't really matterwhich approach you use, so feel free to choose whichever is easierfor you.

overlining: 4.1.6. Text Decoration
overriding previously declared values: 11.1.3. Case 3: Putting a Magazine Article Online

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.

Figure 10-4

Figure 10-4. Selecting grandchildren only

The first list item in the source is silver because it's the child of an ordered list that is itself the child of a BODY. The second list item in the source is the child of an unordered list, so it can't match the rule. Finally, the third list item in the source is a child of an ordered list, but the OL element is the child of an LI element, so it doesn't match either.



Applies to

all elements

they have a "
raised button" look, as depicted inFigure 7-31:

A:link IMG {border-style: outset;}
Figure 7-31

Figure 7-31. Applying an outset border to a hyperlinked image

Again, the color of the border is based on the element's valuefor color, which in this circumstance is likely tobe blue (although we can't show that in print). This is due tothe fact that the image is contained with a hyperlink, and theforeground color of hyperlinks is usually blue. If element will be 3 ems from the top of the containing block. Later inthe chapter, we'll see how this can be useful.

The other value, auto, allows for some even moreinteresting effects. It acts much the same as settingauto on margins, but in positioning, this canpermit the creation of elements that are only as wide or tall as theyneed to be in order to display their content, without having toexactly specify how high or wide that will be. We'll explorethis in detail later in the chapter as well.