List Properties


When an element is assigned a display value of list-item, the element's content is contained in a box and an optional marker box can be specified. The marker defines the image, glyph, or number that's used to identify the list item. The following properties affect list items and markers.

list-style

Usage

Shorthand notation for setting list-style-type, list-styleimage, and list-style-position at the same place in the style sheet.

CSS1 Values

['list-style-type' || 'list-style-position' || 'list-style-image']

CSS2 Values

inherit

Initial

Not defined.

Applies to

Elements with display property set to list-item.

Inherited

Yes.


list-style-image

Usage

Sets the image that will be used as the list item marker.

CSS1 Values

<uri> | none

CSS2 Values

inherit

Initial

none

Applies to

Elements with display property set to list-item.

Inherited

Yes.


list-style-position

Usage

Specifies the position of the marker box with respect to the line item content box.

CSS1 Values

inside | outside

CSS2 Values

inherit

Initial

outside

Applies to

Elements with display property set to list-item.

Inherited

Yes.


list-style-type

Usage

Specifies the appearance of the list item marker when list-style-image is set to none.

CSS1 Values

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

CSS2 Values

leading-zero | western-decimal | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | _hiragana-iroha | katakana-iroha | inherit

Initial

disc

Applies to

Elements with display property set to list-item.

Inherited

Yes.





Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition)
ISBN: 0672328860
EAN: 2147483647
Year: 2007
Pages: 305

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net