Свойство content в CSS

определение и использование

атрибут content используется вместе с pseudo-элементами :before и :after для вставки генерируемого контента.

объяснение

Этот атрибут используется для определения генерируемого контента, который помещается перед или после элемента. По умолчанию это往往是 строковый контент, но тип контейнера, который создает это содержимое, можно контролировать с помощью атрибута display.

смотрите также:

руководство по CSS:Думный элемент :before в CSS

руководство по CSS:Думный элемент :after в CSS

руководство по HTML DOM:атрибут content

пример

в примере ниже URL в скобках добавляется после каждого ссылки:

a:after
  {
  content: " (" attr(href) ")";
  }

попробуйте сами

CSS синтаксис

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

значение атрибута

значение описание
none 　
normal 　
specifications of content 　
inherit определяет, что значение атрибута content должно быть наследовано от родительского элемента.

технические детали

по умолчанию: normal
наследование: нет
версия: CSS2
JavaScript синтаксис: object.style.content="url(beep.wav)"

поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0