Wednesday 01st of July 2015 03:48:23 AM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book


Symbols | A | B



disc | circle |square | decimal |upper-alpha | lower-alpha |upper-roman | lower-roman |none

| 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.

be the distance from the left inner edge to the right inner edge, andthe height is the distance from the inner top tothe inner bottom. These are both, not coincidentally, properties thatcan be applied to an element.

The various widths, heights, padding, margins, and borders allcombine to determine how a document is laid out. In most cases, theheight and width are automatically determined by the browser, basedon the available display region and other factors. Under CSS, ofcourse, you can assert more direct control over the way elements are list-item. If the bullet is set to beoutside, then it is placed in the margin of thelist-item element. The exact behavior in this circumstance is notdefined in CSS.

list-style-typeIE4 Y/Y IE5 Y/Y NN4 Y/P Op3 Y/-

This is used to declare the type ofbullet numbering system to be used in either an unordered or orderedlist, depending on the value specified. This property applies toelements with a display value oflist-item.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 simplyincrease the height of the element, as though the value ofheight had been set to auto.This is permitted under CSS1, which states that browsers can ignoreany value of height other thanauto if an element is not a replaced element suchas an image. Under properties operate as you'd expect by now. For example, the following two rules will give the same amount of padding:

H1 {padding: 0 0 0 0.25in;}
H2 {padding-left: 0.25in;}

7.5.3. Padding and Inline Elements