English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство list-style-type CSS определяет тип маркера для элементов списка.
Ниже приведена таблица с описанием использования и истории версий этого свойства, а также синтаксис его использования в скриптах JavaScript.
| Значение по умолчанию: | disc |
|---|---|
| Применяется к: | Элемент списка |
| Наследование: | Да |
| Анимировано: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript синтаксис: | объект.style.listStyleType="circle" |
Синтаксис этого свойства такой:
list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit
Ниже приведен пример того, как использовать атрибут list-style-type.
ol {
list-style-type: decimal-leading-zero;
}
ul {
list-style-type: square;
}Проверим, посмотрим‹/›Ниже в таблице описаны значения этого свойство.
| Значение | Описание |
|---|---|
| disc | По умолчанию. Метка является сплошной круг. |
| circle | Метка является пустой круг. |
| square | Метка является сплошной方块. |
| decimal | Метка является числом. |
| decimal-leading-zero | Числа, начинающиеся с нуля (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 | Маленькие греческие буквы (alpha, beta, gamma и т.д.) |
| 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 и т.д. (Японская кириллица) |
| katakana | Маркеры: 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 и т.д. (Японская кириллица) |
| none | Не указывать маркер. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанные элементы используют значение свойства list-style-type родительского элемента. |
Совместимость браузеров для свойства list-style-type, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим учебникам:HTML списки,CSS списки.
Связанные свойства:list-style,list-style-image,list-style-position.