attr()

Описание

Функция attr() используется чтобы вернуть значение атрибута HTML элемента для использования в таблицах стилей CSS в качестве значения свойства.

attr()
Поддержка браузерами: IE 8+, Chrome 2+, Opera 9+, Safari 3.1+, Firefox 1+, Android 2.1+
Версия CSS: CSS 2.1, CSS3
Примечание:

Синтаксис

CSS2.1

attr( attribute-name )

где attribute-name — имя атрибута элемента HTML.
Возвращаемое значение является строкой.
В спецификации CSS2.1 функция attr() может использоваться только со свойством content.

CSS3

attr( attribute-name, [ <type> ], [ <value> ] )

где attribute-name — имя атрибута элемента HTML.
Значение <type> может быть любым свойством CSS.
Значение <value> должно быть действительным значением CSS для свойства к которому применяется attr().
В спецификации CSS3 возвращаемое значение может быть любым действительным значением CSS.
Функция attr() может быть использована с любым CSS свойством.

Пример

p.content-p:after {
    content: attr(class);
    color: #00f;
}
<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="remak" />
	<title>Свойство CSS attr()</title>
</head>

<body>

<p class="content-p">Текст абзаца, значение атрибута class которого - </p>

</body>
</html>

Результат

Комментирование запрещено.