CSS attr() Fonksiyonu

Tanımı ve Kullanımı

CSS'nin attr() Fonksiyon, seçilen öğenin özellik değerini döndürür.

Örnek

Aşağıdaki örnek, her <a> öğesi sonrasına href özelliğinin değerini ekler ve parantez içinde gösterir:

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

Kişisel olarak deneyin

CSS Grammar

attr(attribute-name type fallback)
Değer Açıklama
attribute-name Gerekli. HTML öğesinin özellik adı.
type

Opsiyonel. Özellik değerinin türü veya birimi. Aşağıdakilerden biri olabilir:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt veya pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Opsiyonel. Özellik eksikse veya geçersiz bir değer içeriyorsa kullanılan alternatif değer.

Teknik Ayrıntılar

Sürüm: CSS2

Tarayıcı Desteği

Tablodaki rakamlar, bu işlevi tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Değer
Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor
fallback Değer
Desteklenmiyor Desteklenmiyor 119 Desteklenmiyor Desteklenmiyor