CSS list-style | html list css
ExampleSetsomedifferentliststyles:ul.a{list-style-type:circle;}ul.b{list-style-type:square;}ol.c{list-style-type:upper-roman;}ol.d{list-style-type:lower-alpha;}TryitYourself»[1]More"TryitYourself"examplesbelow.DefinitionandUsageThelist-style-typespecifiesthetypeoflist-itemmarkerinalist.Showdemo❯[2]Defaultvalue:discInherited:yesAnimatable:no.Readaboutanimatable[3]Version:CSS1JavaScriptsyntax:object.style.listStyleType="square"Tryit[4]BrowserSupportThenumbersinthetablespecifythefirstbrowserver...
ExampleSet some different list styles:
ul.a {list-style-type: circle;}ul.b {list-style-type: square;}ol.c {list-style-type: upper-roman;}ol.d {list-style-type: lower-alpha;}
Try it Yourself »[1]More "Try it Yourself" examples below.
Definition and UsageThe list-style-type specifies the type of list-item marker in a list.
Show demo ❯[2]
Default value: disc Inherited: yes Animatable: no. Read about animatable[3] Version: CSS1 JavaScript syntax: object.style.listStyleType="square" Try it[4] Browser SupportThe numbers in the table specify the first browser version that fully supports the property.
Property list-style-type 1.0 4.0 1.0 1.0 3.5Note: Edge 18 and Opera 12 and earlier versions do not support the values: cjk-ideographic, hebrew, hiragana, hiragana-iroha, katakana, and katakana-iroha.
CSS Syntax Prop...