Sunday 25th of February 2018 10:02:13 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: T

table cells
setting text color: 6.1.1. Foreground Colors
suppressing wrapping in: 4.1.1.3. Handling whitespace
table elements: 8.4. Inline Elements
tables: 1.3.1. Limited Initial Scope
10.7. Tables
avoiding: 7. Boxes and Borders
header/footer of: 10.7. Tables
tags: 1.4.2. The STYLE Element
ignored when not recognized: 1.4.4. Actual Styles
text
aligning
horizontally: 4.1.1.2. Aligning text
vertically: 4.1.3. Vertical Alignment
blinking: 4.1.6. Text Decoration
bold: 5.2.2. Getting Bolder
11.2.7. Preserving Boldness
capitalizing: 4.1.5. Text Transformation
cursive: 5.4.1. Fonts with Style
floating: 7.6.1. Floated Elements
8.3. Floated Elements
inclined: 5.4.1. Fonts with Style
indented: 4.1.1.1. Indenting text
11.1.3. Case 3: Putting a Magazine Article Online
italic: 5.4.1. Fonts with Style
justified: 4.1.1.2. Aligning text
11.1.3. Case 3: Putting a Magazine Article Online
kursiv: 5.4.1. Fonts with Style
lighter: 5.2.3. Lightening Weights
lowercase: 4.1.5. Text Transformation
oblique: 5.4.1. Fonts with Style
overlapping, preventing: 8.4.3. Managing the Line Height of Inline Elements
overlining: 4.1.6. Text Decoration
shadow, adding to: 10.3.2. text-shadow
shrinking: 11.2.6. The Incredible Shrinking Text!
slanted: 5.4.1. Fonts with Style
small-caps: 5.4.2. Font Variations
transforming: 4.1.5. Text Transformation
underlining: 4.1.6. Text Decoration
turned off by browsers: 4.1.6.1. Weird decorations
uppercase: 4.1.5. Text Transformation
upright: 5.4.1. Fonts with Style
whitespace in: 4.1.1.3. Handling whitespace
text-align property: 4.1.1.2. Aligning text
effect on word/letter spacing: 4.1.4.3. Spacing, alignment, and font size
tables and: 10.7. Tables
text-bottom alignment: 4.1.3.3. Bottom feeding
text/css value: 1.4.1.1. LINK attributes
1.4.2. The STYLE Element
text decoration: 4.1.6. Text Decoration
changing color of: 4.1.6.1. Weird decorations
combining decorations: 4.1.6. Text Decoration
turned off by browsers: 4.1.6.1. Weird decorations
text-decoration property: 4.1.6. Text Decoration
text-transform property and: 4.1.6.1. Weird decorations
vertical-align property and: 4.1.6.1. Weird decorations
text-indent property: 4.1.1.1. Indenting text
text-shadow property: 10.3.2. text-shadow
text-top alignment: 4.1.3.4. Getting on top
text-transform property: 4.1.5. Text Transformation
vs. font-variant property: 5.4.2. Font Variations
tilde (~) in selectors: 10.2.2.3. Matching single attribute values
tiling images: 6.2.1. Background Images
6.2.4. Repeats with Direction (Revisited)
time values: 3.5. CSS2 Units
TITLE attribute: 1.4.1.1. LINK attributes
title, stylized: 11.1.3. Case 3: Putting a Magazine Article Online
top alignment: 4.1.3.4. Getting on top
top property: 9.1.2. Side Offsets
transforming text: 4.1.5. Text Transformation
transparent keyword: 6.1.2. Background Color
tree view of HTML documents: 2.5. Structure
troubleshooting
disappearing styles: 11.2.10. Disappearing Styles
style sheets displayed in browsers: 1.4.4. Actual Styles
TYPE attribute: 1.4.1.1. LINK attributes


Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N

A:link {color: white; background-color: transparent;}

If you left out the background color, then your white foregroundwould combine with the user's white background to yield totallyunreadable links.

6.1.2.1. Real-world issues

That's pretty much all there is to setting a background color.Well, except for one more small warning: Navigator 4 gets the placement of | O | P | Q | R | S | T | U | V | W | X | Y | Z


Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

cascade to determine which rules should actually be applied. If you've ordered things correctly, and the imported style sheet comes after the linked style sheet, its rules will win out over the rules in the linked style sheet.

Therefore, Explorer will use the styles from import-styles.css. Navigator, on the other hand, won't even read the styles that are supposed to be imported, so it will only have the styles from link-styles.css available and will therefore use them.

The default value of font-style is, as we can see,normal. This refers to "upright"text, which is probably best described as "text that is notitalic or otherwise slanted." The vast majority of text in thisbook is upright, for instance.

left-floating (or right-floating) element that occurs earlier in the document's source, unless the top of the latter element is below the bottom of the former.

This rule prevents floated elements from overwriting each other. If an element is floated to the left, and there is already a floated element there due to its earlier position in the document source, then the latter element is placed against the outer right edge of the previously floated element. If, however, a floated element's top is below the bottom of all earlier floated images, then it canhorizontal and vertical axes, for example. In order to fully understand how block-level elements are handled, you must clearly understand a number of boundaries and areas. They are shown in detail in Figure 8-2.

Figure 8-2

Figure 8-2. The complete box model

In general, the width of an element is defined to be the distance from the left inner edge to the right inner edge, and the height is the distance from the inner top to the inner bottom. These are both, not coincidentally, properties that

P {padding: 10%; background-color: silver;}
<DIV STYLE="width: 200px;">
<P>This paragraph is contained within a DIV which has a width of 200 pixels,
so its padding will be 10% of the width of the paragraph's parent element.
Given the declared width of 200 pixels, the padding will be 20 pixels on
all sides.</P>
</DIV>
<DIV STYLE="width: 100px;">
<P>This paragraph is contained within a DIV with a width of 100 pixels,