Funkce attr
Funkce attr umožňuje v
CSS získat hodnotu atributu HTML tagu.
Syntaxe
cssselektor {
vlastnost: attr(jméno, typ, hodnota);
}
Parametry
| Parametr | Popis |
|---|---|
| jméno | Název atributu elementu předávaný do CSS. |
| typ |
Typ hodnoty vlastnosti CSS. Jsou povolena následující klíčová slova:
string (řetězce), color (barva), url (webová adresa), integer (celé číslo),
number (reálné číslo), angle (úhel), time (čas), deg (stupeň),
a také jednotky CSS jako em, px atd.
|
| hodnota | Hodnota, která bude použita v případě, že atribut neexistuje než ji prohlížeč nemůže získat. |
Příklad
Pojďme za text odkazu vypsat hodnotu
jeho atributu href v kulatých závorkách:
html<a href="http://google.com">odkaz</a>cssa::after {
content: ' (' attr(href) ')';
}
Результат: