Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство content | назначение, допустимые значения, примеры

Свойство content

Последнее обновление: 05.01.2011

Свойство 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
Поддерживается браузерами
  • Internet Explorer 8
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример


div:after {
content: "Строка после блока";
}


Твой код:

Результат: