CSS - list-style-type



The list-style-type property helps in setting the marker of a list item element. The color of the marker will remain same as the color of the element it applies to.

Few of the HTML elements, like <li> and <summary> have a default value of display: list-item. Any element with the display: list-item, can have list-style-type property set on it.

Few of the list-style-type values require appropriate font installed, in order to display the content as expected.

Also, the cjk-ideographic is identical to trad-chinese-informal, as it is required for legacy requirements.

Syntax

The CSS property list-style-type can have different values. Let's check all the possible available syntax to set a value for list-style-type.

@counter-style value

list-style-type: disc;
list-style-type: circle;
list-style-type: square;
list-style-type: decimal;
list-style-type: cjk-decimal;
list-style-type: decimal-leading-zero;
list-style-type: lower-roman;
list-style-type: upper-roman;
list-style-type: lower-greek;
list-style-type: lower-aplha, lower-latin;
list-style-type: upper-aplha, upper-latin;
list-style-type: arabic-indic, -moz-arabic-indic;
list-style-type: armenian;
list-style-type: bengali, -moz-bengali;
list-style-type: cambodian/khmer;
list-style-type: cjk-earthly-branch, -moz-cjk-earthly-branch;
list-style-type: cjk-heavenly-stem, -moz-cjk-heavenly-stem;
list-style-type: cjk-ideographic;
list-style-type: devanagari, -moz-devanagari;
list-style-type: ethiopic-numeric;
list-style-type: georgian;
list-style-type: gujarati, -moz-gujarati;
list-style-type: gurmukhi, -moz-gurmukhi;
list-style-type: hebrew;
list-style-type: hiragana;
list-style-type: hiragana-iroha;
list-style-type: japanese-formal;
list-style-type: japanese-informal;
list-style-type: kannada, -moz-kannada;
list-style-type: katakana;
list-style-type: katakana-iroha;
list-style-type: korean-hangul-formal;
list-style-type: korean-hanja-formal;
list-style-type: korean-hanja-informal;
list-style-type: lao, -moz-lao;
list-style-type: lower-armenian;
list-style-type: malayalam, -moz-malayalam;
list-style-type: mongolian;
list-style-type: myanmar, -moz-myanmar;
list-style-type: oriya, -moz-oriya;
list-style-type: persian, -moz-persian;
list-style-type: simp-chinese-formal;
list-style-type: simp-chinese-informal;
list-style-type: tamil, -moz-tamil;
list-style-type: telugu, -moz-telugu;
list-style-type: thai, -moz-thai;
list-style-type: tibetan;
list-style-type: trad-chinese-formal;
list-style-type: trad-chinese-informal;
list-style-type: upper-armenian;
list-style-type: disclosure-open;
list-style-type: disclosure-closed;

String value

list-style-type: "<string>";

Keyword value

list-style-type: none;

Global values

list-style-type: inherit;
list-style-type: initial;
list-style-type: revert;
list-style-type: revert-layer;
list-style-type: unset;

Applies To

List items. Elements such as <li> and <summary>, along with all the elements that have display: list-item.

DOM Syntax

object.style.listStyleType = <counter-style> | <string> | <none> 

Possible Values

The CSS property list-style-type can have one of the following values:

  • <custom ident>: It is an identifier matching the value of @counter-style or any one of the pre-defined styles.

  • symbols(): Sets an anonymous style of the list.

  • <string>: Item's marker decided upon the string value passed.

  • none: No marker for the list item is set.

Accessbility concerns: An ordered or unordered list is not recognized by Safari as a list in the accessibility tree, when the value of list-style-type is set to none.

Example

CSS list-style-type - decimal

Here is an example of list-style-type: decimal CSS property for an ordered list:

<html>
<head>
<style>
   .type-decimal {
      list-style-type: decimal;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-decimal"><u>List style type - decimal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - decimal-leading-zero

Here is an example of list-style-type: decimal-leading-zero CSS property for an ordered list:

<html>
<head>
<style>
   .type-decimal-zero {
      list-style-type: decimal-leading-zero;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-decimal-zero"><u>List style type - decimal-leading-zero</u>
      <li>First Item
         <ol>
         <li>Sub first item</li>
         <li>Sub second item</li>
         </ol>
      </li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - upper-alpha

Here is an example of list-style-type: upper-alpha CSS property for an ordered list:

<html>
<head>
<style>
   .type-upper-alpha {
      list-style-type: upper-alpha;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-upper-alpha"><u>List style type - upper-alpha</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - lower-alpha

Here is an example of list-style-type: lower-alpha CSS property for an ordered list:

<html>
<head>
<style>
   .type-lower-alpha {
      list-style-type: lower-alpha;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-lower-alpha"><u>List style type - lower-alpha</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - lower-greek

Here is an example of list-style-type: lower-greek CSS property for an ordered list:

<html>
<head>
<style>
   .type-lower-greek {
      list-style-type: lower-greek;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-lower-greek"><u>List style type - lower-greek</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - upper-greek

Here is an example of list-style-type: upper-greek CSS property for an ordered list:

<html>
<head>
<style>
   .type-upper-greek {
      list-style-type: upper-greek;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-upper-greek"><u>List style type - upper-greek</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - lower-roman

Here is an example of list-style-type: lower-roman CSS property for an ordered list:

<html>
<head>
<style>
   .type-lower-roman {
      list-style-type: lower-roman;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-lower-roman"><u>List style type - lower-roman</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - upper-roman

Here is an example of list-style-type: upper-roman CSS property for an ordered list:

<html>
<head>
<style>
   .type-upper-roman {
      list-style-type: upper-roman;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-upper-roman"><u>List style type - upper-roman</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - lower-latin

Here is an example of list-style-type: lower-latin CSS property for an ordered list:

<html>
<head>
<style>
   .type-lower-latin {
      list-style-type: lower-latin;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-lower-latin"><u>List style type - lower-latin</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - upper-latin

Here is an example of list-style-type: upper-latin CSS property for an ordered list:

<html>
<head>
<style>
   .type-upper-latin {
      list-style-type: upper-latin;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-upper-latin"><u>List style type - upper-latin</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - none

Here is an example of list-style-type: none CSS property for an ordered list:

<html>
<head>
<style>
   .type-none {
      list-style-type: none;
   }
</style>
</head>
<body>
   <h2>Ordered list - list style type</h2>
   <ol class="type-none"><u>List style type - none</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ol>
</body>
</html>

CSS list-style-type - disc

Here is an example of list-style-type: disc CSS property for an unordered list:

<html>
<head>
<style>
   .type-disc {
      list-style-type: disc;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-disc"><u>List style type - disc</u>
      <li>First Item
      <ul>
         <li>Sub first item</li>
         <li>Sub second item</li>
      </ul>
      </li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - circle

Here is an example of list-style-type: circle CSS property for an unordered list:

<html>
<head>
<style>
   .type-circle {
      list-style-type: circle; 
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-circle"><u>List style type - circle</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - square

Here is an example of list-style-type: square CSS property for an unordered list:

<html>
<head>
<style>
   .type-square {
      list-style-type: square;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-square"><u>List style type - square</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - none

Here is an example of list-style-type: none CSS property for an unordered list:

<html>
<head>
<style>
   .type-none {
      list-style-type: none;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-none"><u>List style type - none</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - arabic-indic

Here is an example of list-style-type: arabic-indic CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-arabic-indic {
      list-style-type: arabic-indic;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-arabic-indic"><u>List style type - arabic-indic</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - armenian

Here is an example of list-style-type: armenian CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-armenian {
      list-style-type: armenian;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-armenian"><u>List style type - armenian</u>
      <li>First Item
         <ul>
         <li>Sub first item</li>
         <li>Sub second item</li>
         </ul>
      </li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - bengali

Here is an example of list-style-type: bengali CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-bengali {
      list-style-type: bengali;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-bengali"><u>List style type - bengali</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - cambodian

Here is an example of list-style-type: cambodian CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-cambodian {
      list-style-type: cambodian;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-cambodian"><u>List style type - cambodian</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - cjk-earthly-branch

Here is an example of list-style-type: cjk-earthly-branch CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-cjk-earthly-branch {
      list-style-type: cjk-earthly-branch;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-cjk-earthly-branch"><u>List style type - cjk-earthly-branch</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - cjk-heavenly-stem

Here is an example of list-style-type: cjk-heavenly-stem CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-cjk-heavenly-stem {
      list-style-type: cjk-heavenly-stem;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-cjk-heavenly-stem"><u>List style type - cjk-heavenly-stem</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - cjk-ideographic

Here is an example of list-style-type: cjk-ideographic CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-cjk-ideographic {
      list-style-type: cjk-ideographic;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-cjk-ideographic"><u>List style type - cjk-ideographic</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - devanagari

Here is an example of list-style-type: devanagari CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-devanagari {
      list-style-type: devanagari;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-devanagari"><u>List style type - devanagari</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - ethiopic-numeric

Here is an example of list-style-type: ethiopic-numeric CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-ethiopic-numeric {
      list-style-type: ethiopic-numeric;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-ethiopic-numeric"><u>List style type - ethiopic-numeric</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - georgian

Here is an example of list-style-type: georgian CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-georgian {
      list-style-type: georgian;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-georgian"><u>List style type - georgian</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - gujarati

Here is an example of list-style-type: gujarati CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-gujarati {
      list-style-type: gujarati;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-gujarati"><u>List style type - gujarati</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - gurmukhi

Here is an example of list-style-type: gurmukhi CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-gurmukhi {
      list-style-type: gurmukhi;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-gurmukhi"><u>List style type - gurmukhi</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - hebrew

Here is an example of list-style-type: hebrew CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-hebrew {
      list-style-type: hebrew;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-hebrew"><u>List style type - hebrew</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - hiragana

Here is an example of list-style-type: hiragana CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-hiragana {
      list-style-type: hiragana;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-hiragana"><u>List style type - hiragana</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - hiragana-iroha

Here is an example of list-style-type: hiragana-iroha CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-hiragana-iroha {
      list-style-type: hiragana-iroha;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-hiragana-iroha"><u>List style type - hiragana-iroha</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - japanese-formal

Here is an example of list-style-type: japanese-formal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-jap-formal {
      list-style-type: japanese-formal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-jap-formal"><u>List style type - japanese-formal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - japanese-informal

Here is an example of list-style-type: japanese-informal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-jap-informal {
      list-style-type: japanese-informal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-jap-informal"><u>List style type - japanese-informal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - kannada

Here is an example of list-style-type: kannada CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-kannada {
      list-style-type: kannada;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-kannada"><u>List style type - kannada</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - katakana

Here is an example of list-style-type: katakana CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-katakana {
      list-style-type: katakana;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-katakana"><u>List style type - katakana</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - katakana-iroha

Here is an example of list-style-type: katakana-iroha CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-katakana-iroha {
      list-style-type: katakana-iroha;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-katakana-iroha"><u>List style type - katakana-iroha</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - korean-hangul-formal

Here is an example of list-style-type: korean-hangul-formal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-korean-hangul-formal {
      list-style-type: korean-hangul-formal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-korean-hangul-formal"><u>List style type - korean-hangul-formal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - korean-hanja-formal

Here is an example of list-style-type: korean-hanja-formal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-korean-hanja-formal {
      list-style-type: korean-hanja-formal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-korean-hanja-formal"><u>List style type - korean-hanja-formal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - lao

Here is an example of list-style-type: lao CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-lao {
      list-style-type: lao;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-lao"><u>List style type - lao</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - lower-armenian

Here is an example of list-style-type: lower-armenian CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-lower-armenian {
      list-style-type: lower-armenian;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-lower-armenian"><u>List style type - lao</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - malayalam

Here is an example of list-style-type: malayalam CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-malayalam {
      list-style-type: malayalam;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-malayalam"><u>List style type - malayalam</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - mongolian

Here is an example of list-style-type: mongolian CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-mongolian {
      list-style-type: mongolian;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-mongolian"><u>List style type - mongolian</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - myanmar

Here is an example of list-style-type: myanmar CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-myanmar {
      list-style-type: myanmar;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-myanmar"><u>List style type - myanmar</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - oriya

Here is an example of list-style-type: oriya CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-oriya {
      list-style-type: oriya;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-oriya"><u>List style type - oriya</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - persian

Here is an example of list-style-type: persian CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-persian {
      list-style-type: persian;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-persian"><u>List style type - persian</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - simp-chinese-formal

Here is an example of list-style-type: simp-chinese-formal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-simp-chinese-formal {
      list-style-type: simp-chinese-formal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-simp-chinese-formal"><u>List style type - simp-chinese-formal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - simp-chinese-informal

Here is an example of list-style-type: simp-chinese-informal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-simp-chinese-informal {
      list-style-type: simp-chinese-informal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-simp-chinese-informal"><u>List style type - simp-chinese-informal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - tamil

Here is an example of list-style-type: tamil CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-tamil {
      list-style-type: tamil;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-tamil"><u>List style type - tamil</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - telugu

Here is an example of list-style-type: telugu CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-telugu {
      list-style-type: telugu;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-telugu"><u>List style type - telugu</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - thai

Here is an example of list-style-type: thai CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-thai {
      list-style-type: thai;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-thai"><u>List style type - thai</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - tibetan

Here is an example of list-style-type: tibetan CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-tibetan {
      list-style-type: tibetan;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-tibetan"><u>List style type - tibetan</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - trad-chinese-formal

Here is an example of list-style-type: trad-chinese-formal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-trad-chinese-formal {
      list-style-type: trad-chinese-formal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-trad-chinese-formal"><u>List style type - trad-chinese-formal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - trad-chinese-informal

Here is an example of list-style-type: trad-chinese-informal CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-trad-chinese-informal {
      list-style-type: trad-chinese-informal;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-trad-chinese-informal"><u>List style type - trad-chinese-informal</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - upper-armenian

Here is an example of list-style-type: upper-armenian CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-upper-armenian {
      list-style-type: upper-armenian;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-upper-armenian"><u>List style type - upper-armenian</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - disclosure-open

Here is an example of list-style-type: disclosure-open CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-disclosure-open {
      list-style-type: disclosure-open;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-disclosure-open"><u>List style type - disclosure-open</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>

CSS list-style-type - disclosure-closed

Here is an example of list-style-type: disclosure-closed CSS property for an unordered list with <counter-style> values:

<html>
<head>
<style>
   .type-disclosure-closed {
      list-style-type: disclosure-closed;
   }
</style>
</head>
<body>
   <h2>Unordered list - list style type</h2>
   <ul class="type-disclosure-closed"><u>List style type - disclosure-closed</u>
      <li>First Item</li>
      <li>Second Item</li>
      <li>Third Item</li>
   </ul>
</body>
</html>
Advertisements