CSS attr() Funktion

Definition und Verwendung

CSS- attr() Die Funktion gibt den Wert des Attributs des ausgewählten Elements zurück.

Der folgende Beispielcode fügt nach jedem <a>-Element den Wert der href-Attribut, eingerückt in Klammern, ein:

a:after {
  content: " (" attr(href) ")";
}

attr(attribute-name type fallback)

Wert	Beschreibung
attribute-name	Erforderlich. Name des HTML-Element-Attributs.
type	Optional. Typ oder Einheit des Attributwerts. Es kann einer der folgenden sein: string color url integer number length angle em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt oder pc deg, grad, rad time s, ms Hz, kHz % frequency
fallback	Optional. Alternativwert, wenn das Attribut fehlt oder ein ungültiger Wert enthält.

Wert

Beschreibung

attribute-name

Erforderlich. Name des HTML-Element-Attributs.

type

Optional. Typ oder Einheit des Attributwerts. Es kann einer der folgenden sein:

fallback

Optional. Alternativwert, wenn das Attribut fehlt oder ein ungültiger Wert enthält.

Version:	CSS2

Die Zahlen in der Tabelle stellen die Versionsnummer der ersten Browser dar, die diese Funktion vollständig unterstützen.

Chrome	Edge	Firefox	Safari	Opera
attr()
2	8	1	3.1	9
type Wert
Nicht unterstützt	Nicht unterstützt	Nicht unterstützt	Nicht unterstützt	Nicht unterstützt
fallback Wert
Nicht unterstützt	Nicht unterstützt	119	Nicht unterstützt	Nicht unterstützt