Funkcia attr
Funkcia attr umožňuje získať v
CSS hodnotu atribútu HTML tagu.
Syntax
selektor {
vlastnost: attr(meno, typ, hodnota);
}
Parametre
| Parameter | Popis |
|---|---|
| meno | Názov atribútu elementu prenášaný do CSS. |
| typ |
Typ hodnoty vlastnosti CSS. Povolené sú nasledujúce kľúčové slová:
string (reťazce), color (farba), url (webová adresa), integer (celé číslo),
number (reálne číslo), angle (uhol), time (čas), deg (stupne),
a tiež jednotky CSS ako em, px a ďalšie.
|
| hodnota | Hodnota, ktorá sa použije v prípade, že atribút neexistuje alebo ho prehliadač nemôže získať. |
Príklad
Po texte odkazu vypíšme hodnotu
jeho atribútu href v okrúhlych zátvorkách:
<a href="http://google.com">odkaz</a>
a::after {
content: ' (' attr(href) ')';
}
:
