CSS attr() functie

definitie en gebruik

CSS' attr() De functie retourneert de waarde van de eigenschap van het geselecteerde element.

Voorbeeld

Het volgende voorbeeld voegt de waarde van de href-eigenschap achter elk <a>-element in en haalt deze aan met haakjes:

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

Probeer het zelf uit

CSS-syntaxis

attr(attribute-name type fallback)
Waarde beschrijving
attribute-name Verplicht. De naam van de eigenschap van het HTML-element.
type

Optioneel. Het type of eenheid van de waarde van de eigenschap. Dit kan een van de volgende zijn:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt of pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Optioneel. Een alternatieve waarde wanneer de eigenschap ontbreekt of een ongeldig waarde bevat.

Technische details

Versie: CSS2

Browserondersteuning

Tafelgetallen geven de browserversie aan die de functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Waarde
Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund Niet ondersteund
fallback Waarde
Niet ondersteund Niet ondersteund 119 Niet ondersteund Niet ondersteund