content

 
content - позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует. Применяется совместно с псевдоэлементами after и before, они соответственно указывают отображать новое содержимое после или до элемента, к которому добавляются.

Значения

Строка -текст, который добавляется на веб-страницу, строка при этом должна браться в двойные или одинарные кавычки. Разрешается использовать юникод для вставки спецсимволов. Спецсимволы HTML которые начинаются с амперсанда, будут отображаться как есть, т.е. простым текстом а не спецсимволом.
attr(параметр) - возвращает строку, которая является значением параметра тега указанного в скобках. Например, IMG:after {content:attr(href)} добавит после изображения его адрес, т.е. значение параметра href. Если указанного параметра нет, то вернется пустая строка.
open-quote - вставляет открывающую кавычку, тип которой устанавливается с помощью стилевого свойства quotes.
close-quote - вставляет закрывающую кавычку.
no-open-quotes - отменяет добавление открывающей кавычки.
no-close-quote - отменяет добавление закрывающей кавычки.
url - абсолютный или относительный адрес вставляемого объекта. Если указанный файл браузер не может отобразить, то значение игнорируется.
counter - выводит значение счетчика, заданного свойством counter-reset.
none - не добавляет никакое содержание.
normal - задается как none для псевдоэлементов before и after.

inherit - наследует значение свойства родительского элемента.

Пример использования

a.ext:after {content: " (" attr(href) ")";}

Характеристики

1. Применяется к псевдоэлементам before и after
2. Значение по умолчанию: Пустая строка
3. Не наследуется.

Синтаксис

content: строка | attr(параметр) | open-quote | close-quote | no-open-quote | no-close-quote | url | counter | normal | none | inherit

Версии CSS

CSS 2
CSS 2.1
CSS 3

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.