CSS list-style-typeСвойство
Пример
Задайте несколько различных стилей списка:
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
Попробуйте сами »
Дополнительные примеры внизу этой страницы.
Определения свойств и инструкции по использованию
Свойство list-style-type задаёт тип маркера элемента списка.
| Значение по умолчанию: | "disc" для <ul> и "decimal" для <ol> |
|---|---|
| Наследуется: | да |
| версия: | CSS1 |
| Синтаксис JavaScript: | object.style.listStyleType="square" |
Поддержка браузеров
Числа в таблице указывают номер первой версии браузера, поддерживающей это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| list-style-type | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Значение свойства
| Значение | Описание |
|---|---|
| none | Без маркера. |
| disc | По умолчанию. Маркер — сплошной кружок. |
| circle | Маркер — полый кружок. |
| квадрат | Маркер — сплошной квадрат. |
| decimal | Маркер — число. |
| decimal-leading-zero | Числовые маркеры, начинающиеся с 0. (01, 02, 03 и т. д.) |
| lower-roman | Строчные римские цифры (i, ii, iii, iv, v и т. д.) |
| upper-roman | Прописные римские цифры (I, II, III, IV, V и т. д.) |
| lower-alpha | Строчные английские буквы: маркер — lower-alpha (a, b, c, d, e и т. д.) |
| upper-alpha | Прописные английские буквы: маркер — upper-alpha (A, B, C, D, E и т. д.) |
| lower-greek | Строчные греческие буквы (альфа, бета, гамма и т. д.) |
| lower-latin | Строчные латинские буквы (a, b, c, d, e и т. д.) |
| upper-latin | Прописные латинские буквы (A, B, C, D, E и т. д.) |
| hebrew | Традиционная еврейская нумерация |
| armenian | Традиционная армянская нумерация |
| georgian | Традиционная грузинская нумерация (an, ban, gan и т. д.) |
| cjk-ideographic | Простые китайские цифры |
| hiragana | Маркеры: a, i, u, e, o, ka, ki и т. д. (японские символы хирагана) |
| катакана | Маркеры: A, I, U, E, O, KA, KI и т. д. (японские символы катакана) |
| hiragana-iroha | Маркеры: i, ro, ha, ni, ho, he, to и т. д. (японские порядковые номера хирагана) |
| katakana-iroha | Маркеры: I, RO, HA, NI, HO, HE, TO и т. д. (японские порядковые номера катакана) |
Другие примеры
Этот пример демонстрирует все различные маркеры элементов списка.
Связанные статьи
Учебник CSS: списки CSS
Справочное руководство CSS: свойство list-style
Другие расширения