list-style-type Description:
The list-style-type property sets the type of bullet or numbering to a list.
list-style-type in CSS Versions:
list-style-type 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 | inherit
- disc
A closed circular bullet. - circle
An open circle. - square
A square. - decimal
Decimal numbers 1, 2, 3, 4, 5... - decimal-leading-zero
Decimal numbers padded by zeros 01, 02, 03, 04, ...
- lower-roman
Lowercase roman numerals i, ii, iii, iv, v... - upper-roman
Uppercase roman numerals I, II, III, IV, V... - lower-greek
Lowercase classical Greek α, β, γ, ... - lower-latin or lower-alpha
Lowercase latin alphabet a, b, c, d, e... - upper-latin or upper-alpha
Uppercase latin alphabet A, B, C, D, E...
- georgian
Traditional Georgian numbering an, ban, gan, ... - armenian
Traditional Armenian numbering - none
No list type used. - inherit
The element should have the same list-style-type setting as the parent.
list-style-type Initial Value:
disc
list-style-type Applies To
All elements with display value of list-item.
list-style-type Inheritance:
This property is inherited.
list-style-type Browser Support:
list-style-type Examples:
use square bullets
<ul style="list-style-type: square;">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
list-style-type Special Notes:
- This is used when the list-style-image is none or the image cannot be displayed.
