Пример
Указывает все свойства списка в одной декларации:<html>
<head>
<meta charset="utf-8" />
<style>
ul { list-style:square url("/tryit/css/img/sqpurple.gif"); }
</style>
</head>
<body>
<ul>
<li>Кофе</li>
<li>Чай</li>
<li>Кока Кола</li>
</ul>
</body>
</html>
Определение и использование
Сокращенное свойство list-style указывает все свойства списка в одной декларации.
Свойства, которые могут быть установленны (в следующем порядке):
Если одно из значений выше отсутствует, например "list-style:circle inside;", значение по умолчанию отсутствующего свойства будет внесено, если имеется.
| Значение по умолчанию: | disc outside none |
|---|---|
| Унаследованный: | да |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.listStyle="decimal inside" |
Поддержка браузеров
Свойство list-style поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение "inherit".
Значения свойства
| Значение | Описание |
|---|---|
| list-style-type | Задает тип маркера элемента списка. Смотрите list-style-type для возможных значений |
| list-style-position | Указывает где расположить маркер элемента списка. Смотрите list-style-position для возможных значений |
| list-style-image | Задает тип маркера элемента списка. Смотрите list-style-image для возможных значений |
| inherit | Указывает, что значение свойства list-style должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
