Esempio
Impostare la decorazione di testo per <h1>, <h2>, e <h3> elementi:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Prova tu stesso " Definizione e utilizzo
La proprietà text-decoration specifica la decorazione aggiunto al testo.
Note: In CSS3, la proprietà text-decoration è una proprietà scorciatoia per text-decoration-line , text-decoration-color , e -decorazione-stile del testo , ma questo non è attualmente supportato in uno qualsiasi dei principali browser.
Note: In CSS3 è possibile utilizzare il testo-decorazione-colore proprietà per modificare il colore della decorazione, altrimenti il colore è lo stesso come il colore del testo.
| Valore di default: | none |
|---|---|
| Inherited: | no |
| animatable: | no, see individual properties . Read about animatable |
| Versione: | CSS1, renewed in CSS3 |
| sintassi JavaScript: | object .style.textDecoration="underline" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS Sintassi
text-decoration: none|underline|overline|line-through|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| none | Definisce un testo normale. Questa è l'impostazione predefinita | Gioca " |
| underline | Definisce una linea sotto il testo | Gioca " |
| overline | Definisce una riga sopra il testo | Gioca " |
| line-through | Definisce una linea attraverso il testo | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS Testo
Di riferimento HTML DOM: textDecoration property