Properties
CSS
list-style
The list-style property is a shorthand notation for setting list-style-type, list-style-image, and list-style-position.
list-style: [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit
| Initial: | disc, outside, none |
| Applies To: | elements with display: list-item |
| Inherited: | yes |
| Percentages: | NA |
| Media: | visual |
- Values
- DOM
- Example | Values | image | none
- Example | Values | image | uri
- Example | Values | position | inside
- Example | Values | position | outside
- Example | Values | type | armenian
- Example | Values | type | circle
- Example | Values | type | decimal
- Example | Values | type | decimal-leading-zero
- Example | Values | type | disc
- Example | Values | type | georgian
- Example | Values | type | lower-alpha
- Example | Values | type | lower-greek
- Example | Values | type | lower-latin
- Example | Values | type | lower-roman
- Example | Values | type | none
- Example | Values | type | square
- Example | Values | type | upper-alpha
- Example | Values | type | upper-greek
- Example | Values | type | upper-latin
- Example | Values | type | upper-roman
- Example | DOM
- References
Values
list-style: value;
| Value: | Description: |
| armenian | Traditional Armenian numbering |
| circle | Circle glyph |
| decimal | Decimal numbers, beginning with 1 |
| decimal-leading-zero | Decimal numbers padded by initial zeros (01, 02, 03, ... 98, 99) |
| disc | Disc glyph |
| georgian | Traditional Georgian numbering (an, ban, gan, ... he, tan, in, in-an, ...) |
| inherit | Takes the same computed value as the property for the element's parent |
| inside | Marker box is outside the principal block box |
| lower-alpha | Lowercase ascii letters (a, b, c, ... z) |
| lower-greek | Lowercase classical Greek (α, β, γ, ...) |
| lower-latin | Lowercase ascii letters (a, b, c, ... z) |
| lower-roman | Lowercase roman numerals (i, ii, iii, iv, v, ...) |
| none | No marker |
| outside | Marker box is the first inline box in the principal block box, after which the element's content flows |
| square | Square glyph |
| upper-alpha | Uppercase ascii letters (A, B, C, ... Z) |
| upper-greek | Uppercase classical Greek (Α, Β, Γ, ...) |
| upper-latin | Uppercase ascii letters (A, B, C, ... Z) |
| upper-roman | Uppercase roman numerals (I, II, III, IV, V, ...) |
| uri | Uniform Resource Identifier (URL, URN, ...) inside url() parenthesis |
DOM
[window.]document.getElementById("element-id").style.listStyle = "list-style-image list-style-position list-style-type";
