content

Свойство content применяется для вставки генерируемого содержания, работает с псевдоэлементами ::before и ::after, которые отображают содержимое перед или после элемента.

Применить

Синтаксис

content: normal|none|counter|attr|string|open-quote|url|initial|inherit;

none
Псевдоэлемент не создается (пустой), применяется для отмены содержания перед или после элемента.
normal
Работает как значение none для псевдоэлементов :before и :after, применяется для переопределения псевдоэлементов в определенном содержании.
counter()
Текст внутри функции counter() как значение счетчика. По умолчанию счетчик в десятичной системе арабскими цифрами, но можно отформатировать римскими цифрами.
counters()
Функция counters(name, string) работает аналогично, но для счетчика указывается имя первого параметра. Второй параметр для разделения значений. Если вы указываете имя переменной счетчика как none, inherit или initial счетчик игнорируется.
attr()
Функция attr() выводит значение указанного атрибута, который является единственным параметром. Если элемент не имеет атрибута, вернётся пустая строка.
string
Значением может быть любой текст или закодированные символы.
open-quote и close-quote
Открывает или закрывает кавычки. Обычно применяется для тегов q и blockquote, но можно использовать для любых элементов.
Значение close-quote работает только с псевдоэлементом ::after. Закрывающих кавычек не будет, если для псевдоэлемента ::before нет значения open-quote.
no-open-quote и no-close-quote
Значение no-open-quote убирает открывающею кавычку, no-close-quote убирает закрывающую кавычку. Применяется для цитаты внутри цитаты.
url
Значение uri указывает на внешний ресурс (например, изображение).

Поддержка