The list-style shorthand combines the three list-marker properties: position (inside/outside), image (if any) and marker type (bullet/numbering/string).ul {
list-style: square;
}ol.fancy {
list-style: upper-roman inside url("star.svg");
}insideThe marker box is an inline element at the start of the list item's contents.outsideThe marker box is placed outside the principal block box on the inline-start side (default).noneNo marker image.discFilled disc bullet (default).circleHollow circle bullet.squareSquare bullet.decimalDecimal numbering 1, 2, 3...lower-romanLowercase Roman numerals i, ii, iii...upper-romanUppercase Roman numerals I, II, III...noneNo marker.decimal-leading-zeroDecimal numbering with leading zero: 01, 02, 03...lower-alphaLowercase Latin letters: a, b, c...upper-alphaUppercase Latin letters: A, B, C...lower-latinLowercase Latin letters: a, b, c... (alias for lower-alpha).upper-latinUppercase Latin letters: A, B, C... (alias for upper-alpha).lower-greekLowercase Greek letters: α, β, γ...hebrewTraditional Hebrew numbering: א, ב, ג...arabic-indicArabic-indic numbering: ١, ٢, ٣...armenianTraditional uppercase Armenian numbering: Ա, Բ, Գ...upper-armenianTraditional uppercase Armenian numbering: Ա, Բ, Գ...lower-armenianLowercase Armenian numbering: ա, բ, գ...bengaliBengali numbering: ১, ২, ৩...cambodianCambodian/Khmer numbering: ១, ២, ៣...khmerKhmer/Cambodian numbering: ១, ២, ៣...cjk-decimalHan decimal numbering: 一, 二, 三...cjk-ideographicIdentical to trad-chinese-informal — exists for legacy reasons.cjk-earthly-branchThe 12 Chinese Earthly Branches: 子, 丑, 寅...cjk-heavenly-stemThe 10 Chinese Heavenly Stems: 甲, 乙, 丙...devanagariDevanagari numbering: १, २, ३...ethiopic-numericEthiopic numeric numbering.georgianTraditional Georgian numbering: ა, ბ, გ...gujaratiGujarati numbering: ૧, ૨, ૩...gurmukhiGurmukhi numbering: ੧, ੨, ੩...hiraganaJapanese Hiragana letters: あ, い, う...hiragana-irohaJapanese Hiragana letters in traditional iroha order.japanese-formalFormal Japanese Kanji numbering.japanese-informalInformal Japanese Kanji numbering.kannadaKannada numbering: ೧, ೨, ೩...katakanaJapanese Katakana letters: ア, イ, ウ...katakana-irohaJapanese Katakana letters in traditional iroha order.korean-hangul-formalFormal Korean Hangul numbering.korean-hanja-formalFormal Korean Hanja numbering.korean-hanja-informalInformal Korean Hanja numbering.laoLaotian numbering: ໑, ໒, ໓...malayalamMalayalam numbering: ൧, ൨, ൩...mongolianMongolian numbering: ᠑, ᠒, ᠓...myanmarMyanmar (Burmese) numbering: ၁, ၂, ၃...oriyaOriya (Odia) numbering: ୧, ୨, ୩...persianPersian numbering: ۱, ۲, ۳...simp-chinese-formalFormal Simplified Chinese numbering.simp-chinese-informalInformal Simplified Chinese numbering.tamilTamil numbering: ௧, ௨, ௩...teluguTelugu numbering: ౧, ౨, ౩...thaiThai numbering: ๑, ๒, ๓...tibetanTibetan numbering: ༡, ༢, ༣...trad-chinese-formalFormal Traditional Chinese numbering.trad-chinese-informalInformal Traditional Chinese numbering.disclosure-openOpen disclosure widget symbol (e.g. ▾).disclosure-closedClosed disclosure widget symbol (e.g. ▸).url()Loads an external image as the list marker.linear-gradient()Linear gradient as the marker image.image-set()Selects the best-resolution image from a set.symbols()Defines a custom sequence of symbols inline in the declaration.CSS Lists and Counters Module Level 3Editor's Draft<'list-style-position'> <'list-style-image'> <'list-style-type'>W3CMDN