Функция attr
Die Funktion attr ermöglicht es, den Wert eines
HTML-Tag-Attributs in CSS zu erhalten.
Syntax
selektor {
eigenschaft: attr(name, typ, wert);
}
Parameter
| Parameter | Beschreibung |
|---|---|
| name | Der Name des Elementattributs, der an CSS übergeben wird. |
| typ |
Der Typ des CSS-Eigenschaftswerts. Folgende Schlüsselwörter sind zulässig:
string (String), color (Farbe), url (Webadresse), integer (Ganzzahl),
number (Gleitkommazahl), angle (Winkel), time (Zeit), deg (Grad),
sowie CSS-Einheiten wie em, px usw.
|
| wert | Der Wert, der verwendet wird, falls das Attribut nicht vorhanden ist oder der Browser es nicht abrufen kann. |
Beispiel
Lassen Sie uns nach dem Linktext den Wert
seines Attributs href in runden Klammern ausgeben:
<a href="http://google.com">Link</a>
a::after {
content: ' (' attr(href) ')';
}
:
