CSS LIST-STYLE-TYPE
This property is used when the author wishes to change the default appearance of list-markers in HTML list structures. If a ‘list-style-image’ property is also given and it has a value of ‘none’ or the URL can not be loaded, the ‘list-style-type’ property value will be used in its place. This property should always be specified in the event the URL pointed to in ‘list-style-image’ can not be loaded. If a value for this property is not understood, the value ‘decimal’ should be used
Example
| ul { list-style-type: square }<ul><li style=”list-style-type: disc”>some text</li></ul> |
Possible Values
| Value | Description |
|---|---|
| inherit | Explicitly sets the value of this property to that of the parent |
| none | No list-marker will be displayed for each list item |
| disc | circle | square | This specifies standard symbols to use as non-ordered list markers. For each successive list-item, the symbol will remain the same.
– ‘disc’: Solid bullet – ‘circle’: Hollow bullet. – ‘square’: Solid square. |
| decimal | This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using a numeric sequence, eg: decimal integers – 1, 2, 3, 4, 5,… |
| decimal-leading-zero | This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using a numeric sequence, eg: decimal integers padded by initial zeros – 01, 02, 03, 04, 05,… |
| lower-roman | upper-roman | This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using an alpha-numeric sequence, eg:
lower-roman – i, ii, iii, iv, v,… upper-roman – I, II, III, IV, V,… |
| lower-alpha | upper-alpha | This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg:
lower-alpha – a, b, c, d, e,… upper-alpha – A, B, C, D, E,… |
| lower-greek | lower-latin | upper-latin | This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg:
lower-greek – [alpha], [beta], [gamma], [delta],… lower-latin – lower case latin letters upper-latin – upper case latin letters |
| armenian | georgian | hebrew | This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg:
armenian – traditional Armenian numbering georgian – traditional Georgian numbering hebrew – traditional Hebrew numbering |
| cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg:
cjk-ideographic – ‘plain ideographic numbers’ hiragana – Japanese phonetic Hiragana ordering: a, i, u, e, o, ka, ki,… katakana – Japanese phonetic Katakana ordering: a, i, u, e, o, ka, ki,… hiragana-iroha – Japanese phonetic Hiragana ordering: i, ro, ha, ni, ho, he, to,… katakana-iroha – Japanese phonetic Katakana ordering: i, ro, ha, ni, ho, he, to,… |
3 Responses
Sure hope some day they wil include a legal list style type.
1.
1.1
1.2
1.3
2.
3.
3.1
3.2
Still no way to set font treatment of the marker without having it affect the content? <li><span> is for the birds.
You can deal with this syntax
,this start attribute is back with CSS3.