HTML and CSS Reference
In-Depth Information
Compatibility
CSS 1, 2, 3 IE 3+ Netscape 4+ (bugs), 6+, Firefox 1+ Opera 4+, Safari 1+
Note
• Alternatively,
line-height
can be set through the shorthand
font
property.
list-style
This shorthand property sets
list-style-type
,
list-style-position
, and
list-
style-image
.
Syntax
line-style:
list-style-type | list-style-position | list-style-image
Each of the individual properties is detailed in the following entries. While the defined order
is suggested in practice, the properties can appear in any order.
Examples
ul {list-style: inside url("bullet.gif");}
#square {list-style: outside square;}
ol {list-style: lower-roman inside;}
Compatibility
CSS 1, 2, 3
IE 4+
Netscape 6+, Firefox 1+
Opera 4+, Safari 1+
list-style-image
This property assigns a graphic image to a list item.
Syntax
list-style-image:
url(
url of image
) | none
Examples
ul {list-style-image: url(ball.gif);}
ul.remote {list-style-image: url(http://htmlref.com/book.png);}
Compatibility
CSS 1, 2, 3
IE 3+
Netscape 4+, Firefox 1+
Opera 4+, Safari 1+
list-style-position
This property specifies whether the labels for an element's list items are positioned inside or
outside the “box” defined by the listed item.
Syntax
list-style-position:
inside | outside | inherit