list-style property
Author admin Reading 2 min Views 493 Published by Modified by
Definition and Usage
The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.
- Initialthe concatenation of the initial values of its longhand properties:
- list-style-image: is itself a shorthand, its initial value is the concatenation of its own longhand properties
- list-style-position: is itself a shorthand, its initial value is the concatenation of its own longhand properties
- list-style-type: is itself a shorthand, its initial value is the concatenation of its own longhand properties
- Applies tolist items
- Inheritedyes
- Mediavisual
- Computed Valueas each of the properties of the shorthand:
- list-style-image: none or the image with its URI made absolute
- list-style-position: as specified
- list-style-type: as specified
- Animatableno
- Canonical orderorder of appearance in the formal grammar of the values
Syntax
Formal syntax: <'list-style-image'> || <'list-style-position'> || <'list-style-type'>
Values
Accepts one, two or three keywords in any order.
- <‘list-style-type’>
- See list-style-type
- <‘list-style-image’>
- See list-style-image
- <‘list-style-position’>
- See list-style-position
Examples
1 | ul { list-style: circle; } |
2 | #foo { list-style: square inside; } |
Compatibility
Desktop browsers
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
| Basic support | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 7.0 | 1.0 |
Mobile browsers
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
| Basic support | 1.0 | 1.0 (1) | 6.0 | 6.0 | 1.0 |
