Example

A simple list-style-type property example:

Laboratory

description & Usage

To determine the type of mode and style of a list, we use the list-style-type property.

Informations

# Description
Default Value disc
Inherited yes
Animatable no
Version CSS1
JavaScript syntax object.style.listStyleType="square"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
list-style-type

Syntax

Values

Values Description
disc Default
armenian Sets the numbering indicator to the traditional Armenian mode.
circle The pointer is a circle.
cjk-ideographic Determines the marker on the simple ideograph.
decimal The indicator is only 1 number.
decimal-leading-zero Sets the numbering indicator so that a zero precedes the first numbers.
georgian Sets the numbering indicator to the traditional Georgian mode.
hebrew Sets the numbering indicator to Hebrew mode.
hiragana Sets the cursor on traditional hiragana mode.
hiragana-iroha Sets the pointer to the traditional hiragana iroha mode.
katakana Sets the cursor on the traditional Katakana mode.
katakana-iroha Sets the cursor on the traditional Katakana iroha mode.
lower-alpha Sets the cursor on the lower alpha mode.
lower-greek Sets the pointer to the lower Greek mode.
lower-latin Sets the pointer to the Low Latin language.
lower-roman Sets the pointer to the lower Roman numerals.
none No indicator is displayed.
square Sets the cursor to square mode.
upper-alpha Sets the cursor on the upper alpha mode.
upper-greek Sets the pointer to the upper Greek state.
upper-latin Sets the cursor on High Latin.
upper-roman Sets the pointer to upper Roman numerals.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.