Свойство list-style используется для указания значений всех свойств, связанных со списками в CSS:
- list-style-image,
- list-style-position,
- list-style-type.
Свойство применимо к тегам <dd>, <dt>, <li>, <ol> и <ul>.
Значение свойства list-style
Указываются через пробел только значения свойств.
Значения можно располагать в любом порядке. Браузер сам определит принадлежность значения свойству.
Обязательных значений нет - любое можно опустить.
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
Если одно из значений какого-либо свойства не указать, то ему присваивается значение по умолчанию.
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство list-style </title>
</head>
<body>
<ul style="list-style: lower-alpha outside; line-height:30px; width:300px">
<li> Используя свойство list-style </li>
<li> Для списка задали положение и тип маркера. </li>
<li> Строчные латинские буквы располагаются за границей списка. </li>
</ul>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство list-style </title>
</head>
<body>
<ul style="list-style: lower-alpha outside; line-height:30px; width:300px">
<li> Используя свойство list-style </li>
<li> Для списка задали положение и тип маркера. </li>
<li> Строчные латинские буквы располагаются за границей списка. </li>
</ul>
</body>
</html>
Результат
