CSS list-style-position Свойство
Пример
Укажите положение маркеров элементов списка:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Определение и использование
Свойство list-style-position
указывает положение маркеров элементов списка (маркеров).
list-style-position: outside;
означает, что маркированные точки будут находиться за пределами элемента списка. Начало каждой строки элемента списка будет выровнено по вертикали:
- Кофе- сваренный напиток, приготовленный из жареных кофейных зерен...
- Чай
- Кока-Кола
list-style-position: inside;
означает, что маркированные точки будут находиться внутри элемента списка. Поскольку он является частью элемента списка, он будет частью текста и нажимаем текст в начале:
- Кофе- сваренный напиток, приготовленный из жареных кофейных зерен...
- Чай
- Кока-Кола
Значение по умолчанию: | outside |
---|---|
Inherited: | yes |
Animatable: | no. Читайте о animatable |
Version: | CSS1 |
Синтаксис JavaScript: | object.style.listStylePosition="inside" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
list-style-position: inside|outside|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
inside | Маркированные точки будут находиться внутри элемента списка | |
outside | Маркированные точки будут находиться за пределами элемента списка. Это значение по умолчанию | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS List
CSS Справка: list-style Свойство
HTML DOM Справочник: listStylePosition Свойство