Пример
Указывает, что маркеры элемента списка должны появиться внутри содержания (в результате с дополнительным отступом):<html>
<head>
<meta charset="utf-8" />
<style>
ul.a { list-style-position:inside; }
ul.b { list-style-position:outside; }
</style>
</head>
<body>
<p>Следующий список имеет list-style-position: inside:</p>
<ul class="a">
<li>Чай Эрл Грей - прекрасный черный чай</li>
<li>Жасминовый чай - сказочный чай</li>
<li>Медовый чай - супер чай фруктовый восторг</li>
</ul>
<p>Следующий список имеет list-style-position: outside:</p>
<ul class="b">
<li>Чай Эрл Грей - прекрасный черный чай</li>
<li>Жасминовый чай - сказочный чай</li>
<li>Медовый чай - супер чай фруктовый восторг</li>
</ul>
<p>"list-style-position: outside" настройка по умолчанию.</p>
</body>
</html>
Определение и использование
Свойство list-style-position указывает если маркер элемента списка должен находиться внутри или снаружи содержания.
Снаружи:
- Кофе
- Чай
- Кока Кола
Внутри:
- Кофе
- Чай
- Кока Кола
| Значение по умолчанию: | outside |
|---|---|
| Унаследованный: | да |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.listStylePosition="inside" |
Поддержка браузеров
Свойство list-style-position поддерживается во всех ведущих браузерах.
Примечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".
Значения свойства
| Значение | Описание | Играйте |
|---|---|---|
| inside | Пули располагаются внутри содержания | Играйте » |
| outside | Располагает маркеры слева от текста. Пули располагаются снаружи содержания. Это по умолчанию | Играйте » |
| inherit | Указывает, что значение свойства list-style-position должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
