Search results
Nov 28, 2023 · The list-style property is specified as one, two, or three values in any order. If list-style-type and list-style-image are both set, the list-style-type is used as a fallback if the image is unavailable.
Sep 5, 2011 · Values for list-style-type. The list-style-type property defines the type of list by setting the content of each marker, or bullet, on the list. Acceptable keyword values for list-style-type include: disc; circle; square; decimal; decimal-leading-zero; lower-roman; upper-roman; lower-greek; lower-latin; upper-latin; armenian; georgian; lower ...
Sep 20, 2018 · 8 Answers. Sorted by: 14. For CSS-compliant browsers you could use: ul { counter-reset:item; } ul > li { counter-increment:item; } ul > li:before {content: counter(item); } ul > li > ul { counter-reset:subitem; } ul > li > ul > li { counter-increment:subitem; } ul > li > ul > li:before { content: counter(item) "." counter(subitem); }
Property Values. More Examples. Example. This example demonstrates all the different list-item markers: ul.a {list-style-type: circle;} ul.b {list-style-type: disc;} ul.c {list-style-type: square;} ol.d {list-style-type: armenian;} ol.e {list-style-type: cjk-ideographic;} ol.f {list-style-type: decimal;}
Dec 5, 2011 · It also is pretty reasonable that you want to style those numbers. Strangely enough, styling those list numbers isn’t a very easy thing to in CSS. Thankfully it’s also not impossible. Roger Johansson has a tutorial that shows how it can be done with the :before pseudo element, which can have a counter as a value to the content property.
initial. Result: Change the list style type. See the result. Some of the list types does not work in IE or Opera. CSS Code: ol#myList { list-style-type: decimal ; }
