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

Значение по умолчанию: disc
Применяется к: Элементы списка
Наследование: Да
Анимирование: Нет. Анимируемые свойства
Версия: CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

Примеры написания кода свойства list-style-type:

ol {
    list-style-type: decimal-leading-zero;
}
ul {
    list-style-type: square;
}

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

В следующей таблице описаны значения этого свойства.

Значение Описание
disc Маркер представляет собой заполненный круг.
circle Маркер представляет собой полый круг.
square Маркер представляет собой заполненный квадрат.
decimal

Устанавливает маркер –

  • Десятичные числа
  • Начинаются с 1, без ведущего нуля
decimal-leading-zero

Устанавливает маркер –

  • Десятичные числа
  • Числа дополнены начальным нулем
  • Например 01, 02, 03, … 10, 11
lower-roman

Устанавливает маркер –

  • Строчные римские цифры
  • Например i, ii, iii, iv, v, …
upper-roman

Устанавливает маркер –

  • Прописные римские цифры
  • Например I, II, III, IV, V, …
lower-greek

Устанавливает маркер –

  • Строчные греческие буквы
  • Например alpha, beta, gamma, …
  • Например α, β, γ, …
lower-latin

Устанавливает маркер –

  • Строчные латинские буквы
  • Например a, b, c, … z
upper-latin

Устанавливает маркер –

  • Прописные латинские буквы
  • Например A, B, C, … Z
armenian

Устанавливает маркер –

  • Традиционная армянская нумерация
  • Например ayb/ayp, ben/pen, gim/keem, …
georgian

Устанавливает маркер –

  • Традиционная грузинская нумерация
  • Например an, ban, gan, … he, tan, in …
lower-alpha

Устанавливает маркер –

  • Строчные латинские буквы
  • Например a, b, c, … z
upper-alpha

Устанавливает маркер –

  • Прописные латинские буквы
  • Например A, B, C, … Z
none Не указывает маркер.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента list-style-type.

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

Свойство list-style-type поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.