|
list-style-position
Краткая информация
Описание
Определяет, как будет размещаться маркер относительно текста. Имеется два
значения: outside — маркер
вынесен за границу элемента списка (рис. 1) и inside — маркер обтекается
текстом (рис. 2).
Рис. 1. Значение outside
Рис. 2. Значение inside
Синтаксис
list-style-position: inside | outside
Значения
Маркер является частью текстового блока и отображается в элементе списка.
Текст выравнивается по левому краю, а маркеры размещаются за пределами
текстового
блока.
Пример
list-style-position
- Lorem ipsum dolor sit amet
- Consectetuer adipiscing elit
- Sed diem nonummy nibh euismod
- Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat.
Результат данного примера показан ни рис. 3.
Рис. 3. Применение свойства list-style-position
Объектная модель
[window.]document.getElementById("elementID").style.listStylePosition
Браузеры
В браузере Internet Explorer 6 при использовании нумерованного списка и
значения inside свойства liststyle-
position, числа идущие с 10, начинают накладываться на текст списка.
Internet Explorer до седьмой версии включительно не поддерживает значение
inherit.
list-style-type
Краткая информация
Описание
Изменяет вид маркера для каждого элемента списка. Это свойство используется
только в случае, когда
значение list-style-image установлено как none. Маркеры различаются для
маркированного списка (тег )
и нумерованного (тег ).
Синтаксис
list-style-type: circle | disc | square | armenian | decimal |
decimal-leading-zero | georgian | lower-alpha | lower-greek | lowerlatin
| lower-roman | upper-alpha | upper-latin | upper-roman | none | inherit
|
|