Friday 31st of October 2014 08:47:44 PM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A | B | C | D | E

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. Ifwe so desired, we could change that color to besilver, like this:

A:link IMG {border-style: outset; color: silver;}
| F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Index: E

element boxes: 7.1. Basic Element Boxes
8.1. Basic Boxes
element clipping: 9.1.4.3. Element clipping
element selectors: 2.1.1. Rule Structure
elements
classification of: 2.9. Classification of Elements
floated (see floated elements)
overlapping, altering: 9.5. Stacking Positioned Elements
styling common: 11.2.4. Styling Common Elements
visibility of: 9.1.5. Element Visibility
elevation property: 10.8.2. The Spoken Word
em box: 5.3. Font Size
em-height (em): 3.2.2.1. em and ex units
em length value: 5.3.3. Percentages and Sizes
em square: 5.3. Font Size
embedded style sheets: 1.4.2. The STYLE Element
ex-height (ex): 3.2.2.1. em and ex units
Extensible Markup Language (see XML)
external style sheets: 1.4.1. The LINK Tag
creating: 11.1.1. Case 1: Consistent Look and Feel
loading
with @import directive: 1.4.3. The @import Directive
with LINK element: 1.4.1. The LINK Tag
extra space around elements, adding: 7.2. Margins or Padding?
7.2. Margins or Padding?
(see also margins)


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   character is a non-breaking space that can beused to insure line breaks don't occur between certain pairs of words ina title. 

To maintain strict control of line breaks, enclose your content in a<NOBR></NOBR>tag and then insert <BR> tags to specify exactly where youdo want the line breaks to occur.  You can also include <WBR>tags to indicate where optional line breaks may occur if the line extendsbeyond the right edge of the browser window. 

The preferred way to control text alignment is by including an ALIGN ItLooksSomethingLikeThis . Instead of upper- andlowercase letters, a small-caps font employs uppercase letters ofdifferent sizes. Thus you might see something like the following,shown in Figure 5-29:

H1 {font-variant: small-caps;}

BODY {line-height: 1.5;}

This scaling factor of 1.5 is passed down from element to element, and at each level the factor is used as a multiplier of the font-size of each element. Therefore, the following markup would be displayed as shown in Figure 8-64 (backgrounds added for illustrative purposes):

P {font-size: 12px; line-height: 1.5;}
SMALL {font-size: 66%;}
BIG {font-size: 200%;}
larger. Figure 7-16 shows the difference between
collapsed and uncollapsed margins.

Figure 7-16

Figure 7-16. Collapsed versus uncollapsed margins

Correctly implemented user agents will collapse the vertically adjacent margins, as shown in the first list in Figure 7-16, where there are 15-pixel spaces between each list item. The second list shows what would happen if the user agent didn't collapse margins, resulting in 25-pixel spaces between list items.

greater detail in the Chapter 7, "Boxes and Borders".