CSS Rules Part 3
Home > Build > Programming
> CSS
by
Don Herion
(1)
(2) (3)
(4)
Lists Properties
These CSS1 properties give
designers control on how numbers and/or bullets are presented in a display box.
'list-style-type'
This property defines the list style to be applied to all list markers.
You have these choices:
disc (default disc bullet)
circle
square
decimal (starts with 1)
decimal-leading-zero (starts with 01)
lower-roman (lower case roman numerals)
upper-roman
hebrew (Hebrew numbers)
georgian Georgian numerals)
armenian (Armenian numerals)
cjk-ideographic
(uses ideagraphic symbols)
lower-latin or lower-alpha (lower-case ASCii)
upper-latin or upper-alpha (upper-case ASCII)
lower-greek (lower case greek
characters)
hiragana-iroha (Japanese characters)
katakana-iroha (Japanese
characters)
none
inherit
'list-style-image'
This property defines the image to be applied to all list markers.
You have three choices:
none (default)
URL
inherit
| UL {list-style-image: url("square_bullet.gif")} |
'list-style-position'
This
property defines the location of list box markers. You have three choices:
inside
(inside the element box)
outside (outside the element box)
inherit
| UL {list-style-position: outside} |
'list-style'
This property defines all list properties at one time. You have three
choices:
list-style-type
list-style-position
list-style-image
inherit
| UL {list-style: square inside url("square_bullet.gif")} |