CSS List-style-type Property
Posted The: 13/06/2009 At: 12:09
Contents:
The list-style-type Property of CSS specifies the appearance of the list item marker. The marker can be set to one of the below, if list-style-image is set to none (its default).
glyphs, alphabetic systems, and numbering systems.
| Default: | Inherited? | Applies to: | Media: | Computed value: |
| disc | YES! | Elements with display: list- item; | Visual | As Specified. |
Possible Values
| Property Value Group: | Property Value'(s): | Description: |
| Glyphs | disc | circle | square | The rendering might differ depending on the user agent, you may want to use an image instead. | Alphabetic systems | lower-latin | lower-alpha | upper-latin | upper-alpha | lower- greek | The specification is not mentioning how alphabetic systems wrap at the end of the alphabet. So its recommended to use numbers for lists longer then 26 list-items, (The standard number of letters in the alphabet. | Alphabetic systems | decimal | decimal-leading-zero | lower-roman | upper-roman | georgian | armenian | Assigns each list item its own number. I.e. 1, 2, 3, ..., 98, 99. Etc |
Alphabetic and Numbering Systems
Explanation of Numbering Systems
decimal
Decimal numbers begins with 1.
decimal
-leading-zeroDecimal numbers beginnig with initial zeros (01, 02, 03, ..., 98, 99).
lower-roman
Lowercase roman numerals (i, ii, iii, iv, v, Etc.).
upper-roman
Uppercase roman numerals (I, II, III, IV, V, Etc.).
georgian
Georgian numbering (an, ban, gan, ..., he, tan, in, in-an, Etc.).
armenian
Armenian numbering uses the Capital letters of the ancient armenians
lower-latin or lower-alpha
Lowercase ascii letters (a, b, c, ..., z).
upper-latin or upper-alpha
Uppercase ascii letters (A, B, C, ..., Z).
lower-greek
Lowercase classical Greek alpha, beta, gamma, ... (a, ß, ?, ...).
Example
ol, ul {
list-style-type: decimal;
}
Comments: [0]
