Analise o comando a seguir no contexto de uma página Web. document.getElementById("xpto").style.display = "none"; Além do caso exemplificado, a propriedade display de um elemento HTML aceita vários outros valores. Dentre eles, estão:
- A)“block” e “inline”;
Correta, porque "block" e "inline" são valores válidos e clássicos da propriedade display no CSS.
- B)“header” e “footer”;
Errada, porque header e footer são elementos HTML, não valores da propriedade display.
- C)“left” e “right”;
Errada, porque left e right são direções/posicionamentos, não valores básicos de display.
- D)“paragraph” e “span”;
Errada, porque paragraph e span lembram tags HTML, mas não são valores da propriedade display.
- E)“up” e “down”.
Errada, porque up e down não são valores usados em display no CSS.
Gabarito: A
No HTML e no CSS, a propriedade display serve para controlar como o elemento se comporta na tela. Ela define se o elemento vai ocupar a linha toda, ficar na mesma linha de outros, sumir da página ou assumir outros modos de exibição. No comando dado, o valor "none" faz o elemento desaparecer visualmente e também não reservar espaço no layout. É o famoso "sumiu da página, mas sem drama". Entre os valores mais cobrados em prova estão "block" e "inline". Um elemento com display: block ocupa toda a largura disponível e normalmente quebra a linha, como acontece com div e p em seu uso mais comum. Já display: inline mantém o elemento na mesma linha, sem forçar quebra, como acontece com span e a. Por isso o gabarito é a alternativa A. Esses dois valores são clássicos e fazem parte do conjunto básico de display no CSS, sendo amplamente reconhecidos em doutrina prática e documentação técnica, como a especificação do CSS e guias de referência de HTML/CSS. As outras opções misturam nomes de elementos HTML ou direções, mas não valores válidos de display. Em resumo: display não é nome de tag, nem seta de direção, nem título bonito. É comportamento de layout. Se a banca pergunta os valores aceitos, "block" e "inline" são respostas de manual.