Propriedade de decoração de texto CSS: -
Os sublinhados podem ser usados para destacar textos importantes. O elemento U e a propriedade CSS text-decoration são as duas técnicas mais utilizadas para sublinhar texto em páginas web.
Ambos são fáceis de utilizar, mas o elemento U oferece valor semântico ao significado. Outro pode ser exibido sob demanda, simplificando a alteração do estado do sublinhado simplesmente adicionando classes CSS ao texto.
Se os sublinhados são úteis ou não para expressar significado ou acessibilidade é uma questão de debate. Os sublinhados são uma abordagem natural para oferecer maior valor à experiência do usuário quando a cor por si só não é suficiente para expressar o significado.
O atributo text-decoration oferece uma forma alternativa de sublinhar o texto. O texto com hiperlink também pode ser usado para substituir sublinhados por sobrelinhas.
Um overline é o oposto de sublinhado. Uma linha é adicionada ao topo do texto.
Podemos utilizar todos os valores sublinhados e sobrepostos para a mesma definição de classe. A propriedade text-decoration rege como o texto é apresentado de diversas maneiras. Quando a decoração de texto está definida como sublinhada, o texto dentro do componente é sublinhado.
As propriedades CSS de decoração de texto são fantásticas para texto, mas podem ser restritas em termos de design e não são aplicáveis a tipos de conteúdo que não sejam de texto. Os sublinhados também podem ser criados com atributos de borda CSS.
eu sou
O atributo text-decoration é a forma mais básica de sublinhar texto. A desvantagem mais significativa da decoração de texto é que ela não é configurável.
A propriedade text-decoration usa sublinhado, sobrelinha, linha ou uma combinação de linhas para destacar o texto selecionado.
O conteúdo é sublinhado usando o atributo text-decoration-line. Overline, sublinhado e line-through são as três opções para este atributo. Em CSS, o atributo sublinhado é usado para destacar o texto. O sublinhado é desenhado abaixo do texto embutido com este valor.
Nos elementos de texto descendentes, são desenhadas decorações de texto. Isso implica que quando um elemento define uma decoração de texto, a decoração não pode ser removida por um elemento filho.
ordenando array em java
Não há nenhuma linha desenhada e todas as decorações existentes são excluídas.
Sublinhado: uma linha de 1px é desenhada na linha de base do texto.
Passagem de linha: no ponto 'meio' do texto, insere uma linha de 1px nele.
Sobrelinha: adiciona uma linha de 1px diretamente acima do ponto 'superior' do texto.
Herdar: herda a decoração dos pais.
A decoração de texto é especificada através da propriedade text-decoration, que é uma característica abreviada para:
- linha de decoração de texto (obrigatório)
- cor de decoração de texto
- estilo de decoração de texto
- espessura da decoração do texto
overline, underline, underline-overline, line-through vem em text-decoration-line.
preidade zinta
Sólido, pontilhado, tracejado, ondulado, duplo vem no estilo de decoração de texto.
Cor em valor decimal, valor hexadecimal ou herança vem em cor de decoração de texto.
A propriedade border-bottom é uma alternativa à decoração de texto. Também podemos usar border-bottom para fornecer preenchimento.
Sintaxe: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Vamos agora procurar um exemplo e entender o uso da propriedade text-decoration.
Decoração de texto: sublinhado sobrelinha
Exemplo: -
h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> Saída:
