Funzione attr
La funzione attr permette di ottenere in
CSS il valore di un attributo di un tag HTML.
Sintassi
selettore {
proprietà: attr(nome, tipo, valore);
}
Parametri
| Parametro | Descrizione |
|---|---|
| nome | Il nome dell'attributo dell'elemento passato al CSS. |
| tipo |
Il tipo di valore della proprietà CSS. Sono ammesse le seguenti parole chiave:
string (stringhe), color (colore), url (indirizzo web), integer (numero intero),
number (numero reale), angle (angolo), time (tempo), deg (grado),
così come unità CSS come em, px e altre.
|
| valore | Il valore che verrà utilizzato nel caso in cui l'attributo non esista o il browser non riesca a ottenerlo. |
Esempio
Dopo il testo di un link, visualizziamo il valore
del suo attributo href tra parentesi tonde:
<a href="http://google.com">link</a>
a::after {
content: ' (' attr(href) ')';
}
:
