Cookies improve the way our website works, by using this website you are agreeing to our use of cookies. For more information see our privacy policy. OK
WordPress Theme & Editor Syntax Highlighter Blog
WordPress Theme & Editor Syntax Highlighter Forum Blog
You are here: Reference > CSS > properties > list-style-type

list-style-type property

Browser support:
Specifies the style of the list marker bullet or numbering system within a list.
JavaScript page for this property: listStyleType. You can find other example(s) there.

Possible values:

 One of the following values: 
-moz-arabic-indic
Arabic indic digits.
-moz-bengali
Bengali digits.
-moz-cjk-earthly-branch
Cjk earthly digits.
-moz-cjk-heavenly-stem
Cjk heavenly digits.
-moz-devanagari
Devanagari digits.
-moz-ethiopic-halehame
Ethiopic digits.
-moz-ethiopic-halehame-am
Ethiopic digits.
-moz-ethiopic-halehame-ti-er
Ethiopic digits.
-moz-ethiopic-halehame-ti-et
Ethiopic digits.
-moz-ethiopic-numeric
Ethiopic digits.
-moz-gujarati
Gujarati digits.
-moz-gurmukhi
Gurmukhi digits.
-moz-hangul
Hangul digits.
-moz-hangul-consonant
Hangul consonant digits.
-moz-japanese-formal
Japanese formal digits.
-moz-japanese-informal
Japanese informal digits.
-moz-kannada
Kannada digits.
-moz-khmer
Khmer digits.
-moz-lao
Lao digits.
-moz-malayalam
Malayalam digits.
-moz-myanmar
Myanmar digits.
-moz-oriya
Oriya digits.
-moz-persian
Persian digits.
-moz-simp-chinese-formal
Simple chinese formal digits.
-moz-simp-chinese-informal
Simple chinese informal digits.
-moz-tamil
Tamil digits.
-moz-telugu
Telugu digits.
-moz-thai
Thai digits.
-moz-trad-chinese-formal
Chinese formal digits.
-moz-trad-chinese-informal
Chinese informal digits.
-moz-urdu
Urdu digits.
armenian
Armenian digits.
circle
Outlined circles.
cjk-ideographic
Cjk ideographic digits.
decimal
1, 2, 3, 4, and so on. Default for ol elements.
decimal-leading-zero
0, 1, 2, 3, and so on.
disc
Solid circles. Default for ul elements.
georgian
Georgian digits.
hebrew
Hebrew digits.
hiragana
Hiragana digits.
hiragana-iroha
Hiragana iroha digits.
inherit
Takes the value of this property from the computed style of the parent element.
katakana
Katakana digits.
katakana-iroha
Katakana iroha digits.
lower-alpha
a, b, c, d, and so on.
lower-greek
Lower-greek digits.
lower-latin
Lower latin digits.
lower-roman
i, ii, iii, iv, and so on.
none
No marker is shown.
square
square
upper-alpha
A, B, C, D, and so on.
upper-latin
Upper latin digits.
upper-roman
I, II, III, IV, and so on.
Default: disc.

Example HTML code 1:

This example illustrates the use of the list-style-type property:
 
<body>
    <ol style="list-style-type: square;">
        <li>square
        <li>list
        <li>type
    </ol>

    <ol style="list-style-type: circle;">
        <li>circle
        <li>list
        <li>type
    </ol>
</body>
Copy Code Print Preview Syntax Highlighter
Did you find this example helpful? yes no

Supported by tags:

li, menu, ol, ul

Related pages:

list-style
list-style-image
list-style-position
content
counter-increment
counter-reset

External links:

list-style-type (MSDN)
list-style-type (Mozilla Developer Center)
list-style-type (Safari Reference Library)
list-style-type (W3C)
User Contributed Comments

Post Content

Post Content
WordPress Theme & Editor | Index Panel | Syntax Highlighter | Dottoro
Link To Us | Terms of Use | Contact Us | Privacy Policy
© 2024 Dottoro.com. All rights reserved.
HTML
CSS
JavaScript
Appendix