CSS: List-style Property - TechOnTheNet

Có thể bạn quan tâm

Syntax

The syntax for the list-style CSS property is:

list-style: list-style-type list-style-position list-style-image;

list-style-type is the appearance of a list item element. It can be one of the following:

Value	Description
disc	Filled circle. This is the default. ul { list-style: disc; }
circle	Hollow circle ul { list-style: circle; }
square	Filled square ul { list-style: square; }
decimal	Decimal numbers starting with 1 ol { list-style: decimal; }
decimal-leading-zero	Decimal numbers starting with 1, padded with 0 at the front for numbers less than 10 ol { list-style: decimal-leading-zero; }
lower-roman	Lowercase roman numerals ol { list-style: lower-roman; }
upper-roman	Uppercase roman numerals ol { list-style: upper-roman; }
lower-greek	Lowercase Greek ol { list-style: lower-greek; }
lower-alpha	Lowercase ASCII letters ol { list-style: lower-alpha; }
lower-latin	Lowercase ASCII letters (not supported in IE7) ol { list-style: lower-latin; }
upper-alpha	Uppercase ASCII letters ol { list-style: upper-alpha; }
upper-latin	Uppercase ASCII letters (not supported in IE7) ol { list-style: upper-latin; }
armenian	Armenian numbering ol { list-style: armenian; }
georgian	Georgian numbering ol { list-style: georgian; }
none	No numbering or symbol will appear before each list item element ol { list-style: none; } ul { list-style: none; }

list-style-position is the appearance of a list item element. It can be one of the following:

Value	Description
inside	The marker box is inside of the principal block box ul { list-style: inside; }
outside	The marker box is outside of the principal block box (this is the default) ul { list-style: outside; }

list-style-image is the image to use for the list marker. It can be one of the following:

Value	Description
url	Location of the image resource ul { list-style: url("/images/symbol.png"); }