Hoje é um efeito comum em páginas Web os links serem sublin...

Próximas questões
Com base no mesmo assunto
Q233860 Programação
Hoje é um efeito comum em páginas Web os links serem sublinhados apenas quando o internauta posicionar o ponteiro do mouse sobre eles. A propriedade CSS que permite retirar ou colocar o sublinhado nos links é
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

Gabarito: Letra D - text-decoration.

A propriedade text-decoration do CSS é utilizada para adicionar ou remover decorações de texto, como sublinhados, linhas acima do texto (overline), linhas através do texto (line-through), e até mesmo para definir a ausência de decoração com o valor 'none'. Nos links (<a>), o estilo de sublinhado padrão pode ser removido usando text-decoration: none; na folha de estilos, e para criar o efeito descrito no enunciado, onde o sublinhado aparece ao passar o mouse sobre o link, usamos um pseudo-classe chamada :hover.

Um exemplo prático seria assim:

<style>
    a {
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
    }
</style>

Isso define que, por padrão, links não terão sublinhado, mas quando o cursor do mouse passar sobre eles, o sublinhado aparecerá. As outras alternativas não correspondem a propriedades de CSS válidas ou não são usadas para este propósito específico.

Clique para visualizar este gabarito

Visualize o gabarito desta questão clicando no botão abaixo

Comentários

Veja os comentários dos nossos alunos

 propriedade text-decoration possibilita adicionar "efeitos" ou "decoração" em textos. Você pode por rexemplo, sublinhar textos, cortar o texto com uma linha, colocar uma linha sobre o texto, etc. No exemplo a seguir os cabeçalhos <h1> são sublinhados, os cabeçalhos <h2> levam um linha em cima e os cabeçalhos <h3> são cortados por uma linha.

h1 { text-decoration: underline; } h2 { text-decoration: overline; } h3 { text-decoration: line-through; }

Seletor { Propriedade : valor;}

text-decoration permite alterar proripeidade de (link). none elimina o sublinhado.

A) link-style:

  • Não é uma propriedade CSS válida.

B) underline:

  • Não é uma propriedade específica, mas um valor da propriedade text-decoration. Usar text-decoration: underline; adicionará um sublinhado ao texto.

C) link-style-type:

  • Não é uma propriedade CSS válida.

D) text-decoration:

  • Esta é a opção correta. A propriedade text-decoration é usada para definir a decoração do texto, como sublinhado, linha-through, entre outros. Para remover o sublinhado de um link, você pode usar text-decoration: none;

E) text-outline:

  • A propriedade text-outline não é usada para controlar a decoração do texto, mas sim para criar um contorno ao redor do texto.

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo