Робота з маркерами списків ol в CSS

Робота з маркерами списків ol в CSS

Маркерів нумерованого списку ol також можна змінювати за допомогою властивості list-style-type.

На відміну від списку ul, де використовуються графічні маркери, список ol зазвичай має числову нумерацію.

Властивість list-style-type дозволяє вибрати інший тип нумерації для елементів списку.

<ol>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ol>

ol {
  list-style-type: decimal;
}

• decimal — звичайні числа (1, 2, 3).
• decimal-leading-zero — числа з нулем попереду (01, 02, 03).
• lower-alpha — маленькі латинські літери (a, b, c).
• upper-alpha — великі латинські літери (A, B, C).
• lower-roman — маленькі римські числа (i, ii, iii).
• upper-roman — великі римські числа (I, II, III).