CSS list-style | css ul style
![CSS list-style](https://i.imgur.com/axBPWDg.jpg)
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...
![CSS list-style](http://pix1.agoda.net/hotelimages/5059957/-1/5f63dc982bc37c5981773e411168efa4.jpg?s=800x)
Set 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...取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
CSS 清單(List) | css ul style
CSS Styling Lists | css ul style
CSS list-style | css ul style
CSS list | css ul style
CSS | css ul style
CSS list-style | css ul style
CSS list | css ul style
CSS list-style | css ul style
list-style-type | css ul style
list-style | css ul style
![](https://i.imgur.com/axBPWDg.jpg)