list-style-position

Оновлено: 26.12.2022

list-style-position

Визначає, як розміщуватиметься маркер відносно тексту - маркер обтікається текстом (рис. 1) або винесений за межу елемента списку (рис. 2).

Коротка інформація

Значення за замовчуванням outside
Успадковується Так
Застосовується До елементів <dd>, <dt>, <li>, <ol> и <ul>, а також до всіх елементів, у яких вказано display: list-item
Анімується Ні

Синтаксис

list-style-position: inside | outside

Значення

inside Маркер є частиною текстового блоку і відображається в елементі списку.
outside Текст вирівнюється по лівому краю, а маркери розміщуються за межами текстового блоку.
Рис. 1. Значення inside
Рис. 2. Значення outside

Приклад

Об'єктна модель

Об'єкт.style.listStylePosition

Примітка

У браузері Internet Explorer 6 під час використання нумерованого списку <ol> і значення inside властивості list-style-position, числа, що йдуть з 10, починають накладатися на текст списку.

Браузери

list-style-position

Переглянути сумісність з Can I use?

list-style-position