CSS-свойство list-style определяет стиль отображения элементов списка. Это короткое свойство для установки отдельных свойств списка, то есть list-style-type, list-style-position, и list-style-image.

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

Синтаксис

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

list-style: [ list-style-type list-style-position list-style-image ] | initial | inherit

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

ul {
    list-style: circle inside;
}
ol {
    list-style: upper-latin outside;
}

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

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

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

Лучше не использовать значение inside в основном контенте страницы, там где могут быть использованы теги <p> внутри тегов <li>. Дело в том, что маркер списка строчный элемент, а тег <p> блочный и он будет переноситься на следующую строку.

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

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

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

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

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

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

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

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