Attr funktsiyasi

attr funktsiyasi CSS da HTML tegi atributining qiymatini olish imkonini beradi.

Sintaksis

cssselector {
  xususiyat: attr(nom, tur, qiymat);
}

Parametrlar

Parametr Tavsif
nom Elementning CSS ga uzatiladigan atribut nomi.
tur CSS xususiyatining qiymat turi. Quyidagi kalit so'zlar qabul qilinadi: string (satr), color (rang), url (veb-manzil), integer (butun son), number (haqiqiy son), angle (burchak), time (vaqt), deg (gradus), shuningdek em, px va boshqalar kabi CSS birliklari.
qiymat Atribut mavjud bo'lmaganda yoki brauzer uni olishni amalga oshira olmaganda ishlatiladigan qiymat.

Misol

Keling, havola matnidan keyin uning href atributi qiymatini qavs ichida chiqaramiz:

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

Результат:

Shuningdek qarang

  • content xususiyati,
    elementlarga matn qo'shish imkonini beradi
  • before psevdoelementi,
    teg matnidan keyin qo'shimcha qiladi
  • after psevdoelementi,
    teg matnidan oldin qo'shimcha qiladi