La propriété CSS list-style-type permet de modifier le type des listes sur lesquels elle est appliquée.

ul li {
list-style-type:square;
}

Elle permet de modifier le type des listes.
Lorsque elle est appliquée à une liste ordonnée décimale, les valeurs possibles sont :

  • decimal : Chiffres arabes, 1, 2, 3.
  • decimal-leading-zero: 01, 02, 03.
  • hebrew : numérotation hébreue traditionnelle.
  • georgian : numérotation géorgienne traditionnelle an, an, gan, he, tan, in, in-an.
  • armenian : numérotation arménienne traditionnelle.
  • cjk-ideographic : nombres idéographiques plats.
  • hiragana : a, i, u, e, o, ka, ki.
  • katakana : A, I, U, E, O, KA, KI.
  • hiragana-iroha : i, ro, ha, ni, ho, he, to.
  • katakana-iroha : I, RO, HA, NI, HO, HE, TO.
  • none : aucune.
  • inherit, hérite de la propriété de son parent

Lorsque elle est appliquée à une liste ordonnée alphabétique, les valeurs possibles sont :

  • lower-roman : Chiffres romain en minuscules, i, ii, ii.
  • upper-roman : chiffres romain en capitales, I, II, III.
  • lower-alpha : lettres en minuscules, a, aa, aaa.
  • upper-alpha : lettres en capitales, A, AA, AAA.
  • lower-greek : alpha grec en miniscule έ, ή, ί.
  • none : aucune.
  • inherit, hérite de la propriété de son parent

Lorsque elle est appliquée à une liste non ordonnée, les valeurs possibles sont :

  • disc : un cercle plein.
  • circle : un cercle vide.
  • square : un carré.
  • none : aucun.
  • inherit, hérite de la propriété de son parent

Exemple :

CSS
ul li{
list-style-type:square;
}
HTML
<ul>
<li>Lorem ipsum dolor sit amet,</li>
<li>consectetur adipiscing elit.</li>
<li>Suspendisse pharetra placerat felis,</li>
</ul>
  • Lorem ipsum dolor sit amet,
  • consectetur adipiscing elit.
  • Suspendisse pharetra placerat felis,