Довідники CSS3 attr () функція

Що таке attr () функція в CSS3?

Функція 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>

Результат:

Невеликий блок з текстом

Коментарі