Funkcija attr

Funkcija attr ļauj iegūt CSS HTML atlases atribūta vērtību.

Sintakse

cssselektors {
  īpašība: attr(nosaukums, tips, vērtība);
}

Parametri

Parametrs Apraksts
nosaukums Elementa atribūta nosaukums, kas tiek nodots CSS.
tips CSS īpašības vērtības tips. Ir pieļaujami šādi atslēgvārdi: string (virknes), color (krāsa), url (tīmekļa adrese), integer (vesels skaitlis), number (reāls skaitlis), angle (leņķis), time (laiks), deg (grāds), kā arī CSS mērvienības, piemēram, em, px u.c.
vērtība Vērtība, kas tiks izmantota gadījumā, ja atribūts nav vai pārlūkprogramma to nevar iegūt.

Piemērs

Apskatīsim, kā pēc saites teksta ievietot tās atribūta href vērtību apaļās iekavās:

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

Результат:

Skatiet arī

  • īpašību content,
    kas ļauj pievienot tekstu elementiem
  • pseidoelementu before,
    kas ievieto pēc atlases teksta
  • pseidoelementu after,
    kas ievieto pirms atlases teksta