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

Определение и использование

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

Описание

Это сокращенное свойство охватывает все другие свойства стиля списка. Поскольку оно применяется ко всем элементам с display=list-item, оно может использоваться только для элементов li в обычном HTML и XHTML, хотя на самом деле оно может применяться к любому элементу и наследоваться от элемента list-item.

Свойства можно задавать в следующем порядке:

Значение можно не задавать, например, "list-style:circle inside;" также разрешено. Не заданные свойства будут использовать значения по умолчанию.

См. также:

Уроки CSS:Списки CSS

Руководство по HTML DOM:Свойство listStyle

Пример

Установите изображение в качестве маркера списка в списке:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Попробуйте сами

CSS синтаксис

list-style: list-style-type list-style-position list-style-image|initial|inherit;

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

Значение Описание
list-style-type Указывает тип маркера списка. См.:list-style-type возможные значения.
list-style-position Указывает, где следует放置 маркер списка. См.:list-style-position возможные значения.
list-style-image Использование изображений для замены маркеров списка. См.:list-style-image возможные значения.
inherit Определяет, что значение атрибута list-style должен наследоваться от родительского элемента.

Технические детали

Значение по умолчанию: disc outside none
Инheritability: да
Версия: CSS1
JavaScript синтаксис: object.style.listStyle="decimal inside"

Более примеров

Определение всех свойств списка в одном заявлении
Этот пример демонстрирует, как можно задать все свойства списка в одном кратком свойстве.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0