Exemplo
Defina a decoração de texto para <h1>, <h2> e <h3> elementos:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Tente você mesmo " Definição e Uso
A propriedade text-decoration especifica a decoração adicionada ao texto.
Note: Em CSS3, a propriedade text-decoration é uma propriedade estenográfica para text-decoration-line , text-decoration-color e -decoração de estilo de texto , mas isso não é actualmente suportado em qualquer um dos principais navegadores.
Note: Em CSS3 pode utilizar o texto-decoração-cor propriedade para alterar a cor da decoração, de outra forma a cor, é a mesma que a cor do texto.
| Valor padrão: | none |
|---|---|
| Herdado: | no |
| Animatable: | no, see individual properties . Read about animatable |
| Versão: | CSS1, renewed in CSS3 |
| sintaxe JavaScript: | object .style.textDecoration="underline" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3,5 |
CSS Syntax
text-decoration: none|underline|overline|line-through|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| none | Define um texto normal. Este é o padrão | Jogue " |
| underline | Define uma linha abaixo do texto | Jogue " |
| overline | Define uma linha acima do texto | Jogue " |
| line-through | Define uma linha através do texto | 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
Referência HTML DOM: textDecoration property