/ Справочники / CSS3 / attr () функция

Информация по поводу - attr () функция


Функция attr () предназначена для получения какого-либо атрибута из любого тега. Вы можете взять значение атрибута title и в эффекте при наведении мыши отображать в небольшом блоке значение из title.

До CSS3 эта функция применялась только к свойству content, сейчас же её можно применять ко многим свойствам.

Синтаксис функции:
attr(Название атрибута);
Пример функции attr ():
p {
	position: relative;
}

p:hover:after {
	content: 'Подсказка: ' attr(title);
	display: block;
	position: absolute;
	top: 10;
	padding: 10px;
	color: #fff;
	z-index: 1000;
	left: 50;
	background-color: #cba9a9;
	
}
HTML код:
<div>
	<p title="Обычный текст">Небольшой блок с текстом</p>
	<p title="Здесь находиться дополнительный текст">Небольшой блок с текстом</p>
</div>
Результат:

Небольшой блок с текстом

Небольшой блок с текстом