Funktionen attr
Funktionen attr giver mulighed for at få værdien af
et HTML-tags attribut i CSS.
Syntaks
selector {
egenskab: attr(navn, type, værdi);
}
Parametre
| Parameter | Beskrivelse |
|---|---|
| navn | Navnet på elementets attribut, der sendes til CSS. |
| type |
Typen af CSS-egenskabens værdi. Følgende nøgleord er tilladte:
string (strenge), color (farve), url (webadresse), integer (heltal),
number (reelt tal), angle (vinkel), time (tid), deg (grad),
samt CSS-enheder som em, px osv.
|
| værdi | Værdien, der skal bruges, hvis attributten ikke findes, eller browseren ikke kan hente den. |
Eksempel
Lad os efter linkets tekst udskrive værdien
af dens href-attribut i parenteser:
<a href="http://google.com">link</a>
a::after {
content: ' (' attr(href) ')';
}
:
