Funcția attr
Funcția attr permite obținerea în
CSS a valorii atributului unui tag HTML.
Sintaxă
selector {
proprietate: attr(nume, tip, valoare);
}
Parametrii
| Parametru | Descriere |
|---|---|
| nume | Numele atributului elementului transmis în CSS. |
| tip |
Tipul valorii proprietății CSS. Sunt permise următoarele cuvinte cheie:
string (șiruri de caractere), color (culoare), url (adresă web), integer (număr întreg),
number (număr real), angle (unghi), time (timp), deg (grad),
precum și unități CSS precum em, px și altele.
|
| valoare | Valoarea care va fi utilizată în cazul în care atributul nu există sau browserul nu îl poate obține. |
Exemplu
Să afișăm după textul linkului valoarea
atributului său href între paranteze rotunde:
<a href="http://google.com">link</a>
a::after {
content: ' (' attr(href) ')';
}
:
