Fazer um site atraente é algo que a maioria dos desenvolvedores da web cuida bem. Os desenvolvedores da web aplicam cores, alinhamentos e decorações ao texto que aparece no site. O texto em sites pode ser aprimorado usando uma ampla gama de propriedades fornecidas pelo CSS. Uma dessas propriedades é a propriedade de decoração de texto que permite aplicar linhas de aprimoramento no texto. Este tutorial foi projetado para esclarecer seus leitores sobre a decoração de texto no CSS.

decoração de texto Propriedade em CSS

Como já mencionado, a propriedade de decoração de texto no CSS adiciona linhas aprimoradas no texto que aparece em uma página da web. A propriedade de decoração de texto permite que você possa aplicar um sublinhado, overline, a linha e uma combinação destes ao texto especificado.

Sintaxe

Tem a seguinte sintaxe

P
Decoração de texto: Overline;

Como aplicar sublinhado ao texto

Usando a propriedade de decoração de texto, você pode sublinhar um texto específico.

Exemplo

Decoração de texto CSS

Saída
O texto foi sublinhado.

Como aplicar Overline ao texto

Usando a propriedade de decoração de texto, você pode definir um texto excessivo em um texto específico. Consulte o exemplo abaixo.

H1
Decoração de texto: Overline;

Saída

Um excesso de linha foi definido no texto.

Como aplicar a linha ao texto

Usando a propriedade de decoração de texto, você pode definir uma linha em um texto específico. Use a seguinte parte do código.

H1
Decoração de texto: linha de linha;

Saída

Uma linha de linha foi aplicada ao texto.

Como aplicar uma combinação das técnicas acima no texto

Usando a propriedade de decoração de texto, você pode usar uma combinação de sublinhado, superline e linha em um texto específico. Use a seguinte parte do código.

H1
Decoração de texto: sublinhado sobre o excesso de linha;

Saída

O texto foi sublinhado e superado.

decoração de texto uma propriedade abreviada

Uma propriedade abreviada no CSS é uma propriedade que permite aplicar valores diferentes a outras inúmeras propriedades CSS de uma só vez, economizando seu tempo e energia. A propriedade de decoração de texto também é considerada uma propriedade abreviada porque pode ser usada para definir valores para a seguinte propriedades;

1. linha de decoração de texto
2. cor de decoração de texto
3. estilo de decoração de texto.

Antes de demonstrarmos a propriedade de decoração de texto como uma propriedade abreviada com a ajuda de um exemplo. Vamos primeiro entender quais são essas propriedades.

linha de decoração de texto: Esta propriedade é semelhante à propriedade de decoração de texto e pode ser usada para aplicar decorações ao texto.

cor de decoração de texto: Esta propriedade é usada para aplicar a cor à decoração aplicada no texto.

estilo de decoração de texto: A propriedade em estilo de decoração de texto é usada para aplicar estilos diferentes, como sólidos, ondulados, pontilhados, tracejados e dobrados para a decoração de texto (sublinhado, Overline, Line-through ou uma combinação).

Vamos explorar a decoração de texto como uma propriedade abreviada com a ajuda de exemplos.

Exemplo 1

No exemplo a seguir, estamos aplicando cor e estilo na decoração de texto usando apenas a propriedade de decoração de texto.

Decoração de texto CSS

Saída

O texto foi decorado usando um sublinhado ondulado.

Exemplo 2

No exemplo a seguir, estamos aplicando uma combinação de sublinhado e superline e definindo a cor e o estilo também.

Decoração de texto CSS

Saída

O texto foi decorado usando um sólido sublinhado vermelho e superline.

Conclusão

A propriedade de decoração de texto no CSS permite adicionar linhas aprimoradas ao texto nas páginas da web. Essas linhas podem ser sublinhadas, de linha, superline ou uma combinação destas a um texto específico. Esta propriedade é chamada de propriedade abreviada porque você pode definir valores para as propriedades de decoração de texto, decoração de textos e propriedades de decoração de texto. Este artigo discute a propriedade de decoração de texto em profundidade, juntamente com exemplos adequados.