СВОЙСТВО CONTENT

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

Поддержка браузеров


10+

content: normal|none|counter|attr|строка|open-quote|close-quote|no-open-quote|no-close-quote|адрес|initial|inherit

Значение	Описание
normal	Это значение по умолчанию.
none	Убирает значение, если оно было определено до этого.
counter	Устанавливает значение счетчика, которое было задано свойством counter-reset.
attr(атрибут)	Вставляет значение атрибута своего селектора.
строка	Вставляет любое текстовое значение.
open-quote	Вставляет открывающую кавычку.
close-quote	Вставляет закрытую кавычку.
no-open-quote	Отменяет открывающую кавычку.
no-close-quote	Отменяет закрывающую кавычку.
url(адрес)	Вставляет абсолютный или относительный адрес.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<div class="block-1"> </div>
<div class="block-2">
    <a href="pautina.io">Ссылка</a>
</div>

HTML

.block-1::before {
    content: "Любой текст"
}

.block-2 a::after {
    content: " (" attr(href) ")"
}

CSS