CSS attr() funktion

Definition og brug

CSS' attr() Funktionen returnerer værdien af egenskaben for det valgte element.

Eksempel

Følgende eksempel indsætter værdien af href-attributten efter hvert <a>-element og indeholder den i parenteser:

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

Prøv det selv

CSS syntaks

attr(attribute-name type fallback)
Værdi Beskrivelse
attribute-name Obligatorisk. HTML-elementets egenskabsnavn.
type

Valgfri. Egenskabens værdi eller enhed. Kan være en af følgende:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt eller pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Valgfri. En reserveværdi, hvis egenskaben mangler eller indeholder en ugyldig værdi.

Tekniske detaljer

Version: CSS2

Browserunderstøttelse

Tabelens tal viser den første browserversion, der fuldt ud understøtter denne funktion.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Værdi
Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet Ikke understøttet
fallback Værdi
Ikke understøttet Ikke understøttet 119 Ikke understøttet Ikke understøttet