English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Определение свойств list-style CSS и примеры использованияЭлемент спискавидимые стили. Это используется для установки различных свойств списка в одном заявлении (т.е.list-style-type,list-style-positionиlist-style-imageкраткая форма свойств ()
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.
| Значение по умолчанию: | Просмотреть все свойства |
|---|---|
| Подходит для: | Элемент списка |
| Инherit: | Да |
| Анимация возможна: | Нет.Пожалуйста, смотрите Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object.style.listStyle="decimal inside" |
Грамматика этого свойства такая:
list-style: [ list-style-type list-style-position list-style-image ] | initial | inherit
Ниже приведен пример того, как использовать свойство list-style.
ul {
list-style: circle inside;
}
ol {
list-style: upper-latin outside;
}Проверьте, посмотрите‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| list-style-type | Указать стиль маркера элемента списка. |
| list-style-position | Указать положение маркера элемента списка. |
| list-style-image | Указать изображение, используемое в качестве маркера элемента списка. |
| initial | Установить этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значения свойств list-style родительского элемента. |
Совместимость браузеров для свойства list-style, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим руководствам:HTML списки,CSS списки.
Соответствующие свойства:list-style-image,list-style-position,list-style-type.