Thursday 23rd of October 2014 11:17:59 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: X

x-height: em and ex units
XML (Extensible Markup Language): 1.2.6. Preparing for the Future
display property and: 2.9.1. Why Does the display Property Exist?
selectors in: 2.1.2. Simple Selectors

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.

H1 {background-image: url(triplebor.gif); background-repeat: repeat-y;}

As we can see in Figure 6-34, the very small imagetriplebor.gif is repeated vertically along theleft side of the heading element, resulting in an effect thatisn't otherwise possible.

Figure 6-34

Figure 6-34. Creating a "triple border" on H2 elements

We can take that further and decide to set a wavy border along thetop of each H1 element, as illustrated in Figure 6-35. The image is colored in such a way that it All Rights Reserved.

UL UL {list-style-type: circle;}UL UL UL {list-style-type: square;}

If this is so, and it's likely that it will be, you will haveto declare your own styles to overcome the UA's styles.Inheritance won't be enough in such a case.

7.7.2. List Item Images

Sometimes, of course, a pregenerated

8.2.2. Horizontal Formatting

In contrast to vertical formatting, horizontal formatting can get a little complicated. Fortunately, it starts out simply enough; it's only when you start putting things together that the situation becomes difficult.

First off, the simplest rule is this: unlike vertical margins, horizontal margins are notless than that needed to display the content:

<P STYLE="height: 3em;">

then the browser is supposed to provide a way to see all content without increasing the height. This could possibly mean adding a scrollbar to the element, as shown in Figure 8-4.

Figure 8-4

Figure 8-4. One way to handle a short height on a tall element

In practice, most browsers will not do this. They will instead simply increase the height of the element, as though the value of