Wednesday 13th of December 2017 08:01: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: 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 | O | P | Q | R | S | T | U | V | W | X | Y | Z


Figure 9-9, which could result from the following styles:

DIV#sidebar {position: absolute; top: 0; left: 0; width: 15%; height: 7em;
overflow: scroll;}
Figure 9-9

Figure 9-9. Invoking a scrollbar with overflow

If scroll is used, the panning mechanisms (e.g., scrollbars) should always be rendered. To quote the specification, "this avoids any problems with usemap="#library-map" border="0" alt="Library Navigation Links" >

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

the following analogy. Imagine that each element, such as aparagraph, is a small piece of paper with the content of the elementwritten on it. Around each piece of paper is some amount of clearplastic; this plastic represents the margins. The first piece ofpaper (say an H1 piece) is laid down on the canvas(browser window). The second (a paragraph) is laid below it and thenslid up until the edge of one of the piece's plastic touchesthe edge of the other's content. If the first piece of paperhas half an inch of plastic along its bottom edge, and the second hasa third of an inch along its top, then when they slide together, the they're in keeping with the overall page design. Of course, if you don't want your BIG text to generate too much extra leading, just use these rules instead:

P {font-size: 12px; line-height: 1.5;}
SMALL {font-size: 66%;}
BIG {font-size: 200%; line-height: 1em;}

WARNING

Anything this useful has to have a drawback, right? As it happens, Internet Explorer 3.x will