styleditor.net styleditor.net styleditor.net styleditor.net עברית accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistlist-stylelist-style-imagelist-style-positionlist-style-typemarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

The CSS Propertie list-style

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 3 Editor's Draft <'list-style-position'> <'list-style-image'> <'list-style-type'> W3CMDN
  • css
  • html
  • javascript
  • php
Show all code
Edit CSS online The plugin that remembers hundreds of CSS items for you Every CSS property — in a live demonstration The bilingual CSS reference
definitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstration