Funktionen attr
Funktionen attr gör det möjligt att i
CSS få värdet av ett HTML-taggs attribut.
Syntax
selektor {
egenskap: attr(namn, typ, värde);
}
Parametrar
| Parameter | Beskrivning |
|---|---|
| namn | Namnet på elementets attribut som skickas till CSS. |
| typ |
Typen av CSS-egenskapens värde. Följande nyckelord är tillåtna:
string (strängar), color (färg), url (webbadress), integer (heltal),
number (reellt tal), angle (vinkel), time (tid), deg (grad),
samt CSS-enheter som em, px med flera.
|
| värde | Värdet som kommer att användas om attributet saknas eller webbläsaren inte kan få det. |
Exempel
Låt oss efter länkens text skriva ut värdet
på dess attribut href inom parentes:
<a href="http://google.com">länk</a>
a::after {
content: ' (' attr(href) ')';
}
:
