Свойство 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: "Строка после блока";
}
Твой код:
Результат:
большой полигон

Заметки

По теме:

Показать комментарии