attr Fonksiyonu

attr fonksiyonu, CSS'te bir HTML etiketinin öznitelik değerini almayı sağlar.

Sözdizimi

cssseçici {
  özellik: attr(isim, tip, değer);
}

Parametreler

Parametre Açıklama
isim CSS'e iletilen öğenin öznitelik adı.
tip CSS özellik değerinin türü. Aşağıdaki anahtar kelimelere izin verilir: string (dizeler), color (renk), url (web adresi), integer (tam sayı), number (reel sayı), angle (açı), time (zaman), deg (derece), ayrıca em, px vb. CSS birimleri.
değer Öznitelik mevcut olmadığında veya tarayıcı onu alamadığında kullanılacak değer.

Örnek

Bağlantı metninden sonra, href özniteliğinin değerini parantez içinde gösterelim:

html<a href="http://google.com">bağlantı</a>
cssa::after {
  content: ' (' attr(href) ')';
}

Результат:

Ayrıca Bakınız

  • öğelere metin eklemeyi sağlayan content özelliği
  • etiket metninden sonra ekleme yapan before sözde öğesi
  • etiket metninden önce ekleme yapan after sözde öğesi