Funkcija attr

Funkcija attr omogoča pridobitev vrednosti atributa HTML oznake v CSS.

Sintaksa

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

Parametri

Parameter Opis
ime Ime atributa elementa, ki se posreduje v CSS.
tip Tip vrednosti lastnosti CSS. Dovoljene so naslednje ključne besede: string (niz), color (barva), url (spletni naslov), integer (celo število), number (realno število), angle (kot), time (čas), deg (stopinja), ter enote CSS kot em, px itd.
vrednost Vrednost, ki bo uporabljena v primeru, da atribut ne obstaja ali ga brskalnik ne more pridobiti.

Primer

Dodajmo vrednost njenega atributa href v okroglih oklepajih za besedilom povezave:

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

Результат:

Glejte tudi

  • lastnost content,
    ki omogoča dodajanje besedila v elemente
  • psevdoelement before,
    ki vstavi besedilo pred besedilo oznake
  • psevdoelement after,
    ki vstavi besedilo za besedilom oznake