content

Описание

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

content
Значения: normal | none | <string> | <url> | <counter> | attr() | open-quote | close-quote | no-open-quote | no-close-quote | inherit
Начальное значение: normal
Область применения: псевдо-элементы :before и :after
Наследование: нет
Поддержка браузерами: Internet Explorer 8+, Chrome 1+, Opera 4+, Safari 1+, Firefox 1+
Версия CSS: CSS 2, CSS 2.1, CSS 3
Примечание:
Opera поддерживает значение url только с версии 7.

Синтаксис

content: normal | none | <string> | <url> | <counter> | attr() | open-quote | close-quote | no-open-quote | no-close-quote | inherit
none
Псевдо-элемент не генерируется
normal
Задается как none для псевдо-элементов :before и :after.
<string>
Текстовое значение. Обязательно должно заключаться в одинарные или двойные кавычки. Допускается использование спецсимволов.
<url>
Адрес внешнего ресурса (например, изображения). Можно использовать относительные или абсолютные адреса. Если объект не может быть загружен, то значение игнорируется.
<counter>
Выводит значение счетчика, заданного свойством counter-reset.
attr(X)
Возвращает значение атрибута X в виде строки. Если атрибут не задан возвращается пустая строка.
open-quote
Выводит открывающую кавычку, заданную свойством quotes.
close-quote
Выводит закрывающую кавычку, заданную свойством quotes.
no-open-quote
Отменяет вывод открывающейся кавычки.
no-close-quote
Отменяет вывод закрывающейся кавычки.

Пример

h1:before {
	content: "Глава: ";
	color: red;
}
<h1>Свойство css content</h1>

Результат

Свойство css content

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *