CSS List and Marker Style Properties


You may not have realized how much flexibility there is when it comes to the styling of lists via CSS. Several CSS styles apply to lists and the list-item markers, or bullets, within the lists.

list-style

Usage

A shorthand property that allows you to set all the list properties in one declaration.

Values

list-style-type, list-style-position, list-style-image.


list-style-image

Usage

Sets an image as the list-item marker (bullet) for the list.

Values

none, url.


list-style-position

Usage

Sets where the list-item marker (bullet) is placed in the list.

Values

inside, outside.


list-style-type

Usage

Sets the type of the list-item marker (bullet).

Values

none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha.





SAMS Teach Yourself HTML and CSS in 24 Hours
Sams Teach Yourself HTML and CSS in 24 Hours (7th Edition)
ISBN: 0672328410
EAN: 2147483647
Year: 2005
Pages: 345

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