content

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

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

Краткая информация:
Значение по умолчанию: Пустая строка
Наследуется: Нет
Применяется: К псевдоэлементам before и after
Ссылка на спецификацию: http://www.w3.org/TR/CSS21/generate.html#content

Синтаксис CSS свойства:

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

Значения CSS свойства:

Строка - Текст, который добавляется на веб-страницу, строка при этом должна браться в двойные или одинарные кавычки. Допускается использовать юникод для вставки спецсимволов. Спецсимволы 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 - Наследует значение родителя.

Особенности отображения в браузерах:

Firefox до версии 2.0 включительно и Opera до версии 9.2 включительно не поддерживают значение none. Safari до версии 3.1 не поддерживает значение none и normal.

Браузер Opera начиная с седьмой версии и Safari 3, не требуют использования псевдоэлементов before и after и допускают применение content ко всем элементам.

Safari и Chrome не поддерживают свойство quotes, поэтому значения управляющие кавычками в этих браузерах не работают.


Баннер SGU.RU