text-decoration-style

Esta tradução está incompleta. Ajude atraduzir 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
Animatablenão
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 Level 3
The definition of 'text-decoration-style' in that specification.
Candidate Recommendation Initial definition. The text-decoration property wasn't a shorthand before.

Browser compatíveis

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,