«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS


Свойство list-style-position задает положение маркера в списке.

Свойство применимо к тегам <dd>, <dt>, <li>, <ol> и <ul>.

Значение свойства list-style-position

- outside - маркер располагается за пределами списка,

- inside – маркер располагается внутри границ списка - его обтекает текст,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- outside

Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство list-style-position </title>
</head>
<body>

<ul style="list-style-position:inside; width:250px">
<li> Маркеры располагаются внутри списка.
<li> Текст обтекает маркеры.
</ul>
<ul style="list-style-position:outside; width:250px">
<li> Маркеры вынесены за пределы границ списка!
<li> Вот так!
</ul>

</body>
</html>
Результат



Все cвойства CSS

Тематические публикации

CSS по шагам

Тематические публикации