CSS Lists (Cont.)


List—Shorthand Property
It is also possible to specify all the list properties in one, single property. This is called a shorthand property. The shorthand property used for lists, is the list-style property:
   ul { list-style: square url("lamp.gif"); }
When using the shorthand property, the order of the values are: It does not matter if one of the values above are missing, as long as the rest are in the specified order.

All CSS List Properties
The number in the “CSS” column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property Description Values CSS
list-style A shorthand property for setting all of the properties for a list in one declaration list-style-type
list-style-position
list-style-image
1
list-style-image Sets an image as the list-item marker none
url
1
list-style-position Sets where the list-item marker is placed in the list inside
outside
1
list-style-type Sets the type of the list-item marker 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 
1


Demonstration
The following demonstration shows how the script of HTML and CSS is displayed on the Web: