Свойство list-style-type
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку свойств

СВОЙСТВО LIST-STYLE-TYPE

Свойство list-style-type позволяет задать тип маркера для элементов списка.

Поддержка браузеров

Синтаксис

list-style-type: disc|armenian|circle|cjk-ideographic|decimal-leading-zero|georgian|hebrew|hiragana|hiragana-iroha|katakana|katakana-iroha|lower-alpha|lower-greek|lower-latin|lower-roman|none|square|upper-alpha|upper-greek|upper-latin|upper-roman|initial|inherit

Значения свойства

Значение Описание
disc Маркер в виде точки. Это значение по умолчинию.
  • Один
  • Два
armenian Традиционная армянская нумерация.
  • Один
  • Два
circle Маркер в виде кружка.
  • Один
  • Два
cjk-ideographic Маркер в виде простых идеографических чисел.
  • Один
  • Два
decimal Маркер в виде арабских чисел.
  • Один
  • Два
decimal-leading-zero Маркер в виде арабских чисел с нулём впереди.
  • Один
  • Два
georgian Традиционная грузинская нумерация.
  • Один
  • Два
hebrew Традиционная еврейская нумерация.
  • Один
  • Два
hiragana Традиционная нумерация Хирагана.
  • Один
  • Два
hiragana-iroha Традиционная нумерация Хирагана Ироха.
  • Один
  • Два
katakana Традиционная нумерация Катакана.
  • Один
  • Два
katakana-iroha Традиционная нумерация Катакана Ироха.
  • Один
  • Два
lower-alpha Строчные латинские буквы.
  • Один
  • Два
lower-greek Строчные греческие буквы.
  • Один
  • Два
lower-latin Строчные латинские буквы.
  • Один
  • Два
lower-roman Строчные римские буквы.
  • Один
  • Два
none Отменяет отображение маркера.
square Маркер в виде квадрата.
  • Один
  • Два
upper-alpha Заглавные латинские буквы.
  • Один
  • Два
upper-greek Заглавные греческие буквы.
  • Один
  • Два
upper-latin Заглавные латинские буквы.
  • Один
  • Два
upper-roman Заглавные риские буквы.
  • Один
  • Два
initial Устанавливает значение по умолчанию.
inherit Унаследует значение свойства от родительского элемента.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<ul>
    <li>Один</li>
    <li>Два</li>
    <li>Три</li>
    <li>Четыре</li>
    <li>Пять</li>
</ul>
HTML
ul {
    list-style-type: upper-roman
}
CSS
← Перейти к списку свойств