A text-decoration-stylepropriedade define o estilo do sublinhado em links e o sublinhado, sobrelinha ou linha em qualquer texto com text-decorationaplicado.
a ( text-decoration-style: solid; )Valores
solid: o padrão. A decoração é uma única linha sólida.double: A decoração é um par de linhas sólidas.dotted: A decoração é uma linha pontilhada.dashed: A decoração é uma linha tracejada.wavy: A decoração é uma linha ondulada.
Demo
No momento em que este artigo foi escrito, text-decoration-styleera oficialmente compatível apenas com o Firefox. Ele também funcionará em navegadores Chrome com o sinalizador de recursos da plataforma experimental da web habilitado.
Veja o Pen text-decoration-style por CSS-Tricks (@ css-tricks) no CodePen.
Forma abreviada
Em navegadores que suportam text-decoration-stylee text-decoration-colorvocê pode adicionar um estilo de decoração a uma text-decorationpropriedade abreviada:
.underlined ( text-decoration: underline dotted red; )Atualmente, apenas o Firefox oferece suporte a este sem prefixo. O Safari oferece suporte com o -webkitprefixo. O Chrome também precisa do -webkitprefixo e dos recursos experimentais da plataforma da web ativados nas sinalizações do Chrome.
Relacionado
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Mais Informações
- text-decoration-style no W3C CSS Text Decoration Module Nível 3 CR
- estilo de decoração de texto em MDN
Suporte para navegador
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Nenhum | 6 † | Nenhum | Nenhum | Nenhum | Nenhum |
* apenas com a sinalização de recursos da plataforma experimental da web habilitada
† Firefox 6+ com -mozprefixo, 36+ sem prefixo.