Свойство content с псевдоклассом after

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

Допустимые значения

none — контент не генерируется
normal — контент не генерируется
<строка> — текстовая строка
url — ссылка на вставляемый объект (например изображение)
<счетчик> — встроенный счетчик
attr(атрибут) — отобразит значение указанного атрибута элемента, к котрому применено свойство
open-quote — вставляет открывающую кавычку, тип которой устанавливается с помощью quotes
close-quote — вставляет закрывающую кавычку, тип которой устанавливается с помощью quotes
no-open-quotes — не вставляется открывающая кавычка, которая должна быть добавлена (например для тега <q>)
no-close-quotes — не вставляется закрывающая кавычка, которая должна быть добавлена (например для тега <q>)
inherit — наследует значение от родителя

Значение по умолчанию	normal
Применимо	к псевдоэлементам :before и:after
Наследование	нет
Соответсвие версиям CSS	CSS 2, CSS 2.1, CSS 3
Поддерживается браузерами	Internet Explorer 8 Firefox 1 и выше Opera 7 и выше Netscape 6 и выше Safari 1 и выше Chrome 1 и выше

Пример

			
			div:after {

content: "Строка после блока";

}

архив javascript + CSS :: • до 2005 • 2006 • 2007 • 2008 • 2009 • 2010 • 2011