Свойство CSS list-style-position
- предыдущая страница list-style-image
- Следующая страница list-style-type
Определение и использование
Атрибут listStylePosition определяет, где следует放置 маркер элемента списка.
Описание
Этот атрибут используется для объявления позиции маркера списка относительно содержимого элемента списка. Внешние (наружу) маркеры размещаются на определенном расстоянии от границы элемента списка, но это расстояние не определено в CSS. Внутренние (внутри) маркеры обрабатываются так, как будто они inserted в начале содержимого элемента списка.
См. также:
Обучение:Списки CSS
Руководство по CSS:Свойство CSS list-style
Руководство по HTML DOM:Атрибут listStylePosition
Пример
Определяет положение маркеров элементов списка в списке:
ul { list-style-position:inside; }
CSS грамматика
list-style-position: inside|outside|initial|inherit;
Значение атрибута
Значение | Описание |
---|---|
внутри | Маркеры списков располагаются внутри текста, и текст выравнивается вокруг маркеров. |
наружу | Значение по умолчанию. Маркеры списков сохраняются на左侧 текста. Маркеры списков располагаются вне текста, и текст не выравнивается вокруг маркеров. |
inherit | Определяет, должен ли атрибут list-style-position наследоваться от родительского элемента. |
Технические детали
Значение по умолчанию: | наружу |
---|---|
Инheritance: | да |
Версия: | CSS1 |
JavaScript грамматика: | объект.style.listStylePosition="inside" |
Более примеров
- Размещение маркеров списков
- Этот пример демонстрирует, где следует размещать маркеры списков.
Поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- предыдущая страница list-style-image
- Следующая страница list-style-type