Списки - CSS свойства

Краткое описание свойств

list-style-type
Задаёт тип маркера списка.
list-style-image
Задаёт картинку в качестве маркера списка.
list-style-position
Определяет положение маркера списка.
list-style
Общее свойство для задания маркера списка.

Свойство list-style-type

Задаёт тип маркера списка (картинку или нумерацию).

Краткая информация

Значение по умолчанию disc
Применяется к элементам списка
Наследуется да
Имя свойства в DOM listStyleType

Значения

  • disc - сплошной кружок (значение по умолчанию для тега <ul>).
  • circle - окружность.
  • square - сплошной квадрат.
  • decimal - арабские цифры.
  • lower-roman - маленькие римские цифры.
  • upper-roman - большие римские цифры.
  • lower-alpha - маленькие латинские буквы.
  • upper-alpha - большие латинские буквы.
  • none - убирает маркер списка.

Свойство list-style-image

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

Краткая информация

Значение по умолчанию none
Применяется к элементам списка
Наследуется да
Имя свойства в DOM listStyleImage

Значения

  • none - отменяет действие свойства. Маркер определяется свойством list-style-type. Используется по умолчанию.
  • Любой формат задания изображения в CSS.

Свойство list-style-position

Определяет положение маркера списка.

Краткая информация

Значение по умолчанию outside
Применяется к элементам списка
Наследуется да
Имя свойства в DOM listStylePosition

Значения

  • outside - маркер находится вне блока списка.
  • inside - маркер находится внутри списка.

Свойство list-style

Общее свойство для задания маркера списка.

Краткая информация

Значение по умолчанию зависит от индивидуальных свойств
Применяется к элементам списка
Наследуется да
Имя свойства в DOM listStyle

Значения

Объединяет свойства list-style-type, list-style-position и list-style-image. Значения должны идти в такой последовательности через пробел.