CSS list-style-type Property
Example
ul {
list-style-type: upper-roman;
}- One
- Two
- Three
Meaning
The list-style-type property defines labels for a list of items.
| Default value: | disc |
| Inherited: | Yes |
| Animatable: | No |
| Version: | CSS1 |
| JavaScript syntax: | |
Standard Syntax
list-style-type: disc|circle|square|decimal|decimal-leading-zero|lower-roman|upper-roman|lower-greek|lower-latin|upper-latin|armenian|georgian|lower-alpha|upper-alpha|none|initial|inherit|revert|revert-layer|unset;Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Status
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| disc | The marker is a filled circle. |
| circle | The marker is a hollow circle. |
| square | The marker is a filled square. |
| decimal | The marker is a number. |
| decimal-leading-zero | The marker is a number with leading zeros (01, 02, 03, etc.). |
| lower-roman | The marker is lower-roman (i, ii, iii, iv, v, etc.). |
| upper-roman | The marker is upper-roman (I, II, III, IV, V, etc.) |
| lower-greek | The marker is lower-greek. |
| lower-latin | The marker is lower-latin (a, b, c, d, e, etc.) |
| upper-latin | The marker is upper-latin (A, B, C, D, E, etc.) |
| armenian | The marker is traditional Armenian numbering. |
| georgian | The marker is traditional Georgian numbering. |
| lower-alpha | The marker is lower-alpha (a, b, c, d, e, etc.) |
| upper-alpha | The marker is upper-alpha (A, B, C, D, E, etc.) |
| none | No marker is shown |
| initial | Sets this property to its default value. |
| inherit | If specified, the associated element takes the computed value of its parent element animation-delay property. |
| revert | Reverts the cascaded value of the property from its current value to the value the property |
| revert-layer | Rollback styles to the ones specified in previous cascade layers. |
| unset | Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not. |
Default CSS Property Values
selectors {
list-style-type: disc;
}