Funktsioon attr

Funktsioon attr võimaldab CSS-is saada HTML elemendi atribuudi väärtuse.

Süntaks

cssvalija {
  omadus: attr(nimi, tüüp, väärtus);
}

Parameetrid

Parameeter Kirjeldus
nimi Elemendi atribuudi nimi, mis edastatakse CSS-i.
tüüp CSS omaduse väärtuse tüüp. Lubatud on järgmised võtmesõnad: string (stringid), color (värv), url (veebiaadress), integer (täisarv), number (reaalarv), angle (nurk), time (aeg), deg (kraad), ning CSS ühikud nagu em, px jt.
väärtus Väärtus, mida kasutatakse juhul, kui atribuuti pole olemas või brauser ei saa seda hankida.

Näide

Paneme lingi teksti järele sulgudesse kirjutama selle href atribuudi väärtuse:

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

Результат:

Vaata ka

  • omadus content,
    mis võimaldab elementidele teksti lisada
  • pseudoelement before,
    mis teeb sisestuse enne elemendi teksti
  • pseudoelement after,
    mis teeb sisestuse pärast elemendi teksti