Funkcija attr

Funkcija attr omogućava dobijanje u CSS-u vrednosti atributa HTML oznake.

Sintaksa

cssselektor {
  svojstvo: attr(ime, tip, vrednost);
}

Parametri

Parametar Opis
ime Ime atributa elementa koji se prosleđuje u CSS.
tip Tip vrednosti CSS svojstva. Dozvoljene su sledeće ključne reči: string (stringovi), color (boja), url (web adresa), integer (ceo broj), number (realan broj), angle (ugao), time (vreme), deg (stepen), kao i CSS jedinice poput em, px i dr.
vrednost Vrednost koja će se koristiti u slučaju da atribut ne postoji ili ga pretraživač ne može dobiti.

Primer

Hajde da posle teksta linka prikažemo vrednost njegovog atributa href u oblim zagradama:

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

Результат:

Pogledajte takođe

  • svojstvo content,
    koje omogućava dodavanje teksta u elemente
  • pseudoelement before,
    koji vrši umetanje posle teksta oznake
  • pseudoelement after,
    koji vrši umetanje pre teksta oznake