СSS Свойство 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 |
|---|---|
| Унаследованный: | да |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | 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 Список
CSS Справочник: Свойство list-style
HTML DOM Справочник: Свойство listStylePosition
