Spec-Zone.ru › CSS

Стили списков и счётчики CSS

Модуль CSS списки и счётчики позволяет стилизовать и позиционировать маркеры элементов списка, а также манипулировать их значениями с помощью комбинации строк, счётчиков и других функций.

Маркер элемента списка, будь то символ маркера или порядковый счётчик, является его определяющей характеристикой. Элементы списка не ограничиваются элементами <li>, вложенными в элементы <ol> или <ul>. Скорее, элементы списка — это любой элемент с display: list-item установленным.

Этот модуль определяет возможности CSS для установки и сброса счётчиков списка, выбора используемых стилей счётчика или символов в качестве маркеров и позиционирования этих маркеров. Он также предоставляет разработчикам возможность создавать настраиваемые маркеры.

Справочник

Свойства

  • counter-increment
  • counter-reset
  • counter-set
  • list-style-image
  • list-style-type
  • list-style-position
  • list-style сокращённая запись

Также существует свойство marker-side, которое ещё не полностью определено или реализовано.

Псевдоэлементы

  • ::marker

Функции

  • counter()
  • counters()

Типы данных

  • <counter>
  • <counter-name>
  • <counter-style>

Руководства

Согласованное отступы списков

Объясняет, как добиться согласованных отступов списков в разных браузерах.

Использование счётчиков CSS

Объясняет, как использовать свойства счётчиков CSS для управления счётчиками списков.

Связанные понятия

  • Стили счётчиков CSS

    • @counter-style директива
    • <counter-style-name> тип данных
    • <symbol> тип данных
    • symbols() функция
  • <ol> start, reversed, и type атрибуты

  • <ul> атрибут type

  • <li> атрибуты type и value

Спецификации

Спецификация
Модуль CSS списки и счётчики 3-го уровня

См. также

  • Модуль стилей счётчиков CSS
  • Модуль псевдоэлементов CSS
  • Модуль сгенерированного контента CSS

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_lists

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API