attr-funktio
attr-funktio mahdollistaa
CSS-tyylien saada HTML-tunnisteen attribuutin arvon.
Syntaksi
valitsija {
ominaisuus: attr(nimi, tyyppi, oletusarvo);
}
Parametrit
| Parametri | Kuvaus |
|---|---|
| nimi | Elementin attribuutin nimi, joka välitetään CSS:lle. |
| tyyppi |
CSS-ominaisuuden arvon tyyppi. Sallittuja ovat seuraavat avainsanat:
string (merkkijonot), color (väri), url (verkkosoite), integer (kokonaisluku),
number (reaaliluku), angle (kulma), time (aika), deg (aste),
sekä CSS-yksiköt kuten em, px jne.
|
| oletusarvo | Arvo, jota käytetään silloin, kun attribuuttia ei ole tai selain ei pysty hakemaan sitä. |
Esimerkki
Lisätään linkin tekstin jälkeen sen href-attribuutin arvo
pyöreiden sulkeiden sisään:
<a href="http://google.com">linkki</a>
a::after {
content: ' (' attr(href) ')';
}
:
