We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Resumo

A propriedade CSS text-decoration-style CSS define o estilo das linhas especificadas por {{cssxref ("text-decoration-line")}}. O modelo aplica-se a todas as linhas, não há nenhuma forma de definir estilos diferentes para cada uma das linhas utilizando text-decoration-line.

Se a decoração especificada tem um significado semântico específico, como uma linha de line-through o que significa que um texto tenha sido excluído, autores são encorajados a denotar este significado usando uma tag HTML, como <del> ou <s>. Como os navegadores podem ser deficientes em alguns casos, o significado semântico não vai desaparecer em tal situação.

Initial valuesolid
Aplica-se aall elements. It also applies to ::first-letter and ::first-line.
Inheritednão
Midiavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

/* Keyword values */
text-decoration-style: solid;
text-decoration-style: double;
text-decoration-style: dotted;
text-decoration-style: dashed;
text-decoration-style: wavy;

/* Global values */
text-decoration-style: inherit;
text-decoration-style: initial;
text-decoration-style: unset;

Valores

solid double dotted dashed wavy
É uma das seguintes palavras-chave:
Keyword Description Comment
solid Draws a single line  
double Draws a double line  
dotted Draws a dotted line  
dashed Draws a dashed line  
wavy Draws a wavy line  
-moz-none Do not draw a line Do not use : use text-decoration-line: none instead
inherit
É uma palavra-chave indicando a reutilizar o valor calculado sobre o elemento pai.

Syntax Formal

solid | double | dotted | dashed | wavy

Exemplo

.example { 
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: red;
}
<p class="example">This is how it looks.</p>

Especificações

Specification Status Comment
CSS Text Decoration Module Level 3
The definition of 'text-decoration-style' in that specification.
Candidata a Recomendação Initial definition. The text-decoration property wasn't a shorthand before.

Browser compatíveis

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support 6.0 (6.0) - 39.0 (39.0)-moz
36.0 (36.0)
Não suportado Não suportado Não suportado Não suportado
wavy 6.0 (6.0) Não suportado Não suportado Não suportado Não suportado
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support Não suportado Não suportado 6.0 (6.0)- 39.0 (39.0)-moz
36.0 (36.0)
Não suportado Não suportado Não suportado
wavy Não suportado Não suportado 6.0 (6.0) Não suportado Não suportado Não suportado

Etiquetas do documento e colaboradores

Colaboradores desta página: miller.augusto
Última atualização por: miller.augusto,