Exemplo
Exibir uma linha ondulada sob um <p> elemento:
p
{
-moz-text-decoration-style: wavy; /* Code for Firefox */
text-decoration: underline;
}
Tente você mesmo " Definição e Uso
A propriedade-decoração de estilo de texto especifica como a linha, se houver, será exibida.
| Valor padrão: | solid |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.textDecorationStyle="wavy" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguidos de -moz- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| text-decoration-style | Não suportado | Não suportado | 6.0 -moz- | Não suportado | Não suportado |
CSS Syntax
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| solid | Valor padrão. A linha irá apresentar como uma única linha | Jogue " |
| double | A linha será exibido como uma linha dupla | Jogue " |
| dotted | A linha será exibido como uma linha pontilhada | Jogue " |
| dashed | A linha será exibido como uma linha tracejada | Jogue " |
| wavy | A linha será exibido como uma linha ondulada | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Texto
HTML DOM de referência: textDecorationStyle property