These browsers will not increment the list markers in numbering systems if the list
item has a layout.
Internet Explorer for Windows versions up to and including 7 don??™t support the
value inherit.
List Properties
The Ultimate CSS Reference 288
list-style-position
list-style-position: { inside | outside | inherit } ;
This property specifies where the list
marker is rendered with respect to the
list item??™s principal block box.
Value
outside The value outside causes
the list marker to be
rendered outside the
principal block box. Its
precise location isn??™t
defined by the CSS2.1 specification. Contemporary browsers seem to
render it approximately 1.5em to the left of the principal block box in
a left-to-right environment, or 1.5em to the right of the principal block
box in a right-to-left environment. Some browsers use padding on the
list to make room for the marker box, while others use a margin.
Example
This style rule makes the markers for all
items within the list with ID "compact"
appear on the inside:
#compact li {
list-style-position: inside;
}
inside The value inside makes the list marker the first inline box in the
principal block box.
Pages:
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434