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
}
- some text
Possible Values
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.