La text-decoration-styleproprietà imposta lo stile della sottolineatura sui collegamenti e della sottolineatura, della sovratensione o del line-through su qualsiasi testo con text-decorationapplicato.
a ( text-decoration-style: solid; )Valori
solid: il predefinito. La decorazione è un'unica linea continua.double: La decorazione è un paio di linee continue.dotted: La decorazione è una linea tratteggiata.dashed: La decorazione è una linea tratteggiata.wavy: La decorazione è una linea ondulata.
Demo
Al momento della stesura di questo articolo, text-decoration-styleè ufficialmente supportato solo in Firefox. Funzionerà anche nei browser Chrome con il flag delle funzionalità della piattaforma web sperimentale abilitato.
Vedi lo stile di decorazione del testo della penna di CSS-Tricks (@ css-tricks) su CodePen.
Abbreviazione
Nei browser che supportano text-decoration-stylee text-decoration-colorpuoi aggiungere uno stile di decorazione a una text-decorationproprietà abbreviata:
.underlined ( text-decoration: underline dotted red; )Attualmente solo Firefox lo supporta senza prefisso. Safari lo supporta con il -webkitprefisso. Chrome richiede anche il -webkitprefisso e le funzionalità della piattaforma web sperimentale abilitate nei flag di Chrome.
Relazionato
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Maggiori informazioni
- text-decoration-style nel W3C CSS Text Decoration Module Level 3 CR
- text-decoration-style presso MDN
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Nessuna | 6 † | Nessuna | Nessuna | Nessuna | Nessuna |
* solo con flag di funzionalità della piattaforma web sperimentale abilitato
† Firefox 6+ con -mozprefisso, 36+ senza prefisso.