Funkcija attr
Funkcija attr leidžia
CSS gauti HTML elemento atributo reikšmę.
Sintaksė
cssselektorius {
savybė: attr(vardas, tipas, reikšmė);
}
Parametrai
| Parametras | Aprašas |
|---|---|
| vardas | Elemento atributo vardas, perduodamas į CSS. |
| tipas |
CSS savybės reikšmės tipas. Leidžiami šie raktiniai žodžiai:
string (eilutės), color (spalva), url (interneto adresas), integer (sveikasis skaičius),
number (realusis skaičius), angle (kampas), time (laikas), deg (laipsnis),
taip pat CSS vienetai kaip em, px ir kt.
|
| reikšmė | Reikšmė, kuri bus naudojama tuo atveju, jei atributo nėra ar naršyklė negali jo gauti. |
Pavyzdys
Po nuorodos tekstu atvaizduokime
jos atributo href reikšmę skliausteliuose:
html<a href="http://google.com">nuoroda</a>cssa::after {
content: ' (' attr(href) ')';
}
Результат: