De attr-functie
De functie attr maakt het mogelijk om in
CSS de waarde van een HTML-tag attribuut op te halen.
Syntaxis
selector {
eigenschap: attr(naam, type, waarde);
}
Parameters
| Parameter | Beschrijving |
|---|---|
| naam | De naam van het elementattribuut dat doorgegeven wordt aan CSS. |
| type |
Het type waarde van de CSS-eigenschap. De volgende sleutelwoorden zijn toegestaan:
string (tekenreeksen), color (kleur), url (webadres), integer (geheel getal),
number (reeel getal), angle (hoek), time (tijd), deg (graden),
evenals CSS-eenheden zoals em, px enz.
|
| waarde | De waarde die gebruikt wordt in het geval dat het attribuut niet aanwezig is of de browser het niet kan ophalen. |
Voorbeeld
Laten we na de tekst van een link de waarde
van zijn href attribuut tussen ronde haakjes weergeven:
<a href="http://google.com">link</a>
a::after {
content: ' (' attr(href) ')';
}
:
