Что такое 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>
Результат:
Небольшой блок с текстом
Небольшой блок с текстом
Комментарии