Corsi on-line

Forme abbreviate per la proprietà text-decoration di CSS

La proprietà CSS text-decoration, attualmente supportata da tutti i browser Web più diffusi, consente di formattare un testo aggiungendo ad esso delle decorazioni mirate a migliorarne la resa a livello grafico; i costrutti basati su di essa sono disponibili a partire dalla prima release per le specifiche relative ai fogli di stile, ma grazie a CSS3 essi hanno subito un’evoluzione.

CSS

Nello specifico, text-decoration permette ora di utilizzare una forma abbreviata (shorthand) divenuta finalmente standard; l’esempio seguente rappresenta una modalità per l’applicazione di tale proprietà per la formattazione dei contenuti associati all’elemento a:

a {
  text-decoration: overline red dashed;
}

Come è possibile notare, la forma abbreviata permetterà di utilizzare simultaneamente e in una sola riga ben tre diverse proprietà: text-decoration-line (specifica la decorazione di una linea quando presente), text-decoration-color (specifica il colore per la decorazione del testo) e text-decoration-style (specifica come verrà visualizzata una linea se presente).

Purtroppo, come accade per altre proprietà, ad oggi Mozilla Firefox è l’unico browser per la navigazione Internet a supportare queste nuove proprietà, ma non in forma abbreviata; sostanzialmente, l’engine di un browser che dovesse intercettare un valore aggiuntivo in text-decoration si limiterà ad annullarlo.

Via W3C

Post correlati
I più letti del mese
Tematiche