CSS attr()-funktio

Määritelmä ja käyttö

CSS:n attr() Funktio palauttaa valitun elementin ominaisuuden arvon.

Esimerkki

Esimerkissä lisätään href-ominaisuuden arvo jokaisen <a>-elementin jälkeen ja sulkee sen lyijykynällä:

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

Kokeile itse

CSS-grammatiikka

attr(attribute-name type fallback)
Arvo kuvaus
attribute-name Välttämätön. HTML-elementin ominaisuuden nimi.
type

Vaihtoehtoinen. Ominaisuuden arvon tyyppi tai yksikkö. Voisi olla seuraavista:

  • merkkijono
  • väri
  • url
  • kokonaisluku
  • luku
  • pituus
  • kulma
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt tai pc
  • deg, grad, rad
  • aika
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Vaihtoehtoinen. Vaihtoehtoinen arvo, jos ominaisuutta ei ole määritelty tai arvo on epäsyöttö

Tekninen yksityiskohta

Versio: CSS2

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä toimintoa.

Chrome Edge Firefox Safari Ooppera
attr()
2 8 1 3.1 9
type Arvo
Ei tuettu Ei tuettu Ei tuettu Ei tuettu Ei tuettu
fallback Arvo
Ei tuettu Ei tuettu 119 Ei tuettu Ei tuettu