Manual de referência CSS

regra(RULES) CSS

大全 de Atributos CSS

CSS3 text-decoration-Atributo style CSS3 text-decoration-Atributo color

CSS3 text-decoration-Método de uso e exemplo da propriedade line

O texto-decoration-A propriedade lineCSS especifica qual tipo de padrão será adicionado ao elemento. Esta propriedade pode aceitar um ou mais valores separados por espaço em branco.

A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:	none
Aplica-se a:	Todos os elementos. Também se aplica a ::first-letter e ::first-line
Herança:	Não
Animável:	Não.Veja também Atributos de animação.
Versão:	CSS3nova funcionalidade
Sintaxe do JavaScript:	object.style.textDecorationLine="underline"

text-decoration-Sintaxe de uso do line

A sintaxe deste atributo é:

text-decoration-line: none | [ underline | overline | line-through | blink ] um ou mais valores | initial | inherit

Os exemplos a seguir mostram como usar text-decoration-Atributo line

Exemplo

p {
　　　　-moz-text-decoration-line: underline;　/*　Firefox　*/
　　　　text-decoration-line: underline;　
}
p.multiple {
　　　　-moz-text-decoration-line: underline overline;　/*　Firefox　*/
　　　　text-decoration-line: underline overline;　
}

Teste e veja‹/›

Valores do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
none	O texto não tem decoração. Este é o valor padrão.
underline	Cada linha de texto tem uma sublinhada.
overline	Há uma linha na parte superior de cada linha de texto.
line-through	Há uma linha no meio de cada linha de texto.
blink	Faz o texto piscar (alternando entre visível e invisível). Não é recomendado usar este valor, em vez disso, recomenda-se usarAnimações.
initial	Defina este atributo para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor text do elemento pai-decoration-Valores do atributo line

Compatibilidade do navegador

text-decoration-A maioria dos navegadores não suporta este atributo.

	Firefox 6+ ^-moz-,36+ Google Chrome× Internet Explorer × Apple Safari × Opera ×

Aviso:text-decoration-A maioria dos navegadores não suporta este atributo. É melhor evitar usá-lo.