Funkcja attr() w CSS

Definicja i użycie

CSS attr() Funkcja zwraca wartość atrybutu wybranego elementu.

Przykład

Poniższy przykład wstawia wartość atrybutu href po każdym elemencie <a>, otaczając ją nawiasami:

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

Spróbuj sam

Gramatyka CSS

attr(attribute-name type fallback)
Wartość Opis
attribute-name Wymagane. Nazwa atrybutu elementu HTML.
type

Opcjonalne. Typ lub jednostka wartości atrybutu. Może być jednym z następujących:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt lub pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Opcjonalne. Zastępcza wartość, jeśli brakuje atrybutu lub wartość jest niewłaściwa.

Szczegóły techniczne

Wersja: CSS2

Obsługa przeglądarek

Liczby w tabeli oznaczają wersje przeglądarek, które w pełni obsługiwały tę funkcję.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Wartość
Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane Nieobsługiwane
fallback Wartość
Nieobsługiwane Nieobsługiwane 119 Nieobsługiwane Nieobsługiwane