list-style
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 7.0+ | 1.0+ |
Описание
CSS свойство list-style обеспечивает краткий метод установки значений сразу нескольких свойств списка в одном объявлении.
Свойства, значения которых могут быть использованы для редактирования маркера элемента списка: list-style-image, list-style-position и list-style-type. Значения разделяются пробелом и могут быть записаны в любом порядке.
Все три значения указывать не обязательно, если какое-либо из значений отсутствует, то вместо него будет вставлено значение по умолчанию.
| Значение по умолчанию: | disc/decimal outside none |
|---|---|
| Применяется: | к спискам (<ul> и <ol>) и пунктам списка (<li>) |
| Анимируется: | нет |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.listStyle="decimal inside" |
Синтаксис
list-style: list-style-type list-style-position list-style-image|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| list-style-type | Определяет тип маркера для элементов списка. |
| list-style-position | Определяет, где будет расположен маркер относительно элемента списка. |
| list-style-image | Заменяет стандартный маркер изображением (картинкой). |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
<style>
ul { list-style: square none; }
</style>
</head>
<body>
<ul>
<li>Кофе</li>
<li>Чай</li>
<li>Сок</li>
</ul>
</body>
</html>
Результат данного примера в окне браузера:
