Функция attr
Функцията attr позволява да получите в
CSS стойността на атрибут на HTML таг.
Синтаксис
cssселектор {
свойство: attr(име, тип, стойност);
}
Параметри
| Параметър | Описание |
|---|---|
| име | Име на атрибут на елемента, подавано в CSS. |
| тип |
Тип на стойността на свойството CSS. Допустими са следните ключови думи:
string (низове), color (цвят), url (уеб адрес), integer (цяло число),
number (реално число), angle (ъгъл), time (време), deg (градус),
както и CSS единици като em, px и др.
|
| стойност | Стойност, която ще се използва в случай, че атрибутът липсва или браузърът не може да го получи. |
Пример
Нека след текста на връзката да изведем стойността
на нейния атрибут href в кръгли скоби:
html<a href="http://google.com">връзка</a>cssa::after {
content: ' (' attr(href) ')';
}
Результат: