Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

O "text-decoration: none" anula que tipo de informação?

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação, no capítulo Navegação entre páginas e atividade Arrumando a lista

por Caio Eidi Irie
| 43k xp | 10 posts

Alguém poderia me tirar essa dúvida? Nesta aula utilizamos o código abaixo para remover o sublinhado automático que o navegador utiliza no link, entretanto ele em si me parece meio genérico, dizendo que não há nenhuma decoração. Se não há decoração, então por que o negrito, a cor preta e os outros itens desse código não foram anulados juntos?

Ou melhor, que tipo de "decoração" esse código utilizado anula?

nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}
1 resposta
solução!
por Renan
| 69.1k xp | 10 posts

Olá, Caio!

A propriedade "text-decoration" do CSS diz respeito apenas à linhas que utilizamos para decorar um texto. Por exemplo, se quisermos colocar uma linha passando no meio do nosso texto como se estivesse riscado, podemos fazer:

text-decoration: line-through;

Se quisermos definir ainda uma linha no nosso texto que seja vermelha, seja ondulada e esteja embaixo do nosso texto, podemos fazer:

text-decoration: red wavy underline;

Portanto, ao utilizarmos o valor "none" na propriedade "text-decoration" estamos apenas falando que não queremos nenhuma linha no nosso texto, às demais características de estilo do texto estão vinculadas com outras propriedades, por isso utilizar "none" nessa propriedade não afeta o negrito, a cor ou outras características do texto.

Espero ter ajudado, abraços