content
Атрибут content позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует. Применяется совместно с псевдоэлементами after и before, они соответственно указывают отображать новое содержимое после или до элемента, к которому добавляются.
Синтаксис
content: строка | attr(атрибут) | open-quote | close-quote | no-open-quote | no-close-quote | url }
Аргументы
- Строка - Текст, который добавляется на веб-страницу, строка при этом должна браться в двойные или одинарные кавычки. Допускается использовать юникод для вставки спецсимволов. Спецсимволы HTML которые начинаются с амперсанда (§ например), будут отображаться как есть, т.е. простым текстом (§, а не §).
- attr(атрибут) - Возвращает строку, которая является значением атрибута указанного в скобках. Например, IMG:after{content:attr(href)} добавит после изображения его адрес, т.е. значение параметра href. Если указанного атрибута нет, то вернется пустая строка.
- open-quote - Вставляет открывающую кавычку, тип которой устанавливается с помощью стилевого параметра quotes.
- close-quote - Вставляет закрывающую кавычку, тип которой устанавливается с помощью стилевого параметра quotes.
- no-open-quotes - Открывающая кавычка не вставляется в то место, где она должна быть добавлена. Например, тег <Q> автоматически добавляет кавычки к содержащему внутри него тексту.
- no-close-quote - Отменяет добавление закрывающей кавычки.
- url - Абсолютный или относительный адрес вставляемого объекта. Если указанный файл браузер не может отобразить, то значение игнорируется.
Браузер Opera начиная с седьмой версии, не требует использования псевдоэлементов before и after и допускает применение content ко всем элементам.