Свойство content принимает широкий набор значений, от простых строк до автоматических счетчиков. Вы можете включить в состав свойства content любое количество этих значений, разделив их запятыми. Броузер конкатенирует их, формируя одно значение, которое затем вставляет в документ.

Простейшим значением свойства content является строка в кавычках. В такую строку нельзя включать разметку HTML или XHTML. Для генерирования специального текста следует пользоваться escape-последовательностями (например, \A генерирует перевод строки).

В стандарте CSS2 escape-последовательности аналогичны символьным заменам, принятым в HTML/XHTML. В то время как символьные замены начинаются с амперсанда (&), за которым следует имя или десятичное значение символа (в последнем случае должен присутствовать символ «#»), строковое значение свойства content в CSS2 содержит символы, шестнадцатеричные эквиваленты которых предваряются обратной косой чертой. Таким образом, escape последовательность \A эквивалентна символьной замене &#010 и, если свериться с приложением F, обозначает символ перевода строки.

Свойство content в качестве значений может принимать URL адреса. Выраженный в соответствии со стилем CSS, а не в духе HTML, адрес URL может указывать на любой объект, приемлемый для броузера, включая текст, изображения и звуковые файлы. Например, чтобы поместить декоративный символ рядом с каждым уравнением в доку
менте, вы можете написать:

p.equation:before { content : url(»http://www.site.ru/
/decorative-symbol.jpg») }

Помните, что объект не должен содержать разметку HTML/XHTML, потому что броузер вставит содержимое объекта в документ дословно.

Свойство content поддерживает автоматическое генерирование контекстуально корректных кавычек в соответствии с локалью. Вы вставляете их с помощью ключевых слов open-quote и close-quote. Они обеспечивают появление кавычек и соответственное увеличение или уменьшение значения счетчика вложенных кавычек. Вы можете управлять внешним видом кавычек с помощью свойства quotes, описанного далее. Кроме того, вы можете использовать ключевые слова no-open-quote и no-close-quote для изменения значения счетчика кавычек без постановки самих кавычек.

Положительной чертой свойства content является его способность заставить броузер вывести значение любого атрибута ассоциированного элемента. Значение attr имеет единственный параметр, задающий имя атрибута. Если этот атрибут определен для данного элемента, его значение вставляется в документ. Чтобы вывести URL адрес изображения вслед за изображением, напишите:

img:after { content : «(»attr(src) «) » }

Если атрибут для элемента не определен, то никакое содержимое не вставляется, хотя другие значения свойства content (например, скобки, определенные в предыдущем примере) будут вставлены.

Одной из самых мощных функциональных возможностей свойства content является его способность создавать нумерованные списки.

Internet Explorer не поддерживает свойство content.

Не запускается скачаная игра? Скачайте NoCD для нее и наслаждайтесь.
Не ломайте голову что подарить сыну или дочке. Лучший подарок ребенку это сказка.