Генерируемое содержимое, автоматическая нумерация и списки

Содержание

12.1 Псевдоэлементы :before и :after

12.2 Свойство 'content'

12.3 Взаимодействие :before и :after с элементами 'compact' и 'run-in'

12.4 Знаки кавычек

12.4.1 Спецификация кавычек свойством 'quotes'

12.4.2 Вставка кавычек с применением свойства 'content'

12.5 Автоматические счётчики и нумерация

12.5.1 Вложение счётчиков и область видимости

12.5.2 Стили счётчиков

12.5.3 Счётчики в элементах с 'display: none'

12.6 Маркировка и списки

12.6.1 Маркировка: свойство 'marker-offset'

12.6.2 Списки: свойства 'list-style-type', 'list-style-image', 'list-style-position' и 'list-style'

В некоторых случаях бывает необходимо, чтобы пользовательские агенты (ПА) отображали содержимое не из дерева документа. Известный пример - нумерованный список: автор не хочет, чтобы нумерация выводилась явным образом, он или она хотят, чтобы ПА генерировал нумерацию автоматически. Также автор может пожелать, чтобы ПА вставлял слово "Figure" перед заглавием или фигурой или "Chapter 7" в начале 7 главы. В особенности для аудио и брайль-носителей, ПА должны иметь возможность вставить эти строки.

В CSS2 содержимое может генерироваться с помощью различных механизмов:

Свойство 'content'

в сочетании с псевдоэлементами :before и :after.

Звуковые свойства 'cue-before'

и 'cue-after'

(см. главу звуковые таблицы стилей). Если свойство 'content' комбинируется со звуковыми свойствами, то они выводятся в следующем порядке: :before, 'cue-before', ('pause-before'), содержимое элемента, ('pause-after'), 'cue-after'

и :after.

Элементы со значением 'list-item' для свойства 'display'.

Ниже описаны механизмы, ассоциированные со свойством 'content'.

Содержание раздела