Questão de Tecnologia da Informação · FGV TJ-SE Servidor 2023 (nº 52)

A propriedade display em CSS, manipulada via JavaScript, define como um elemento HTML é exibido na página, controlando seu tipo de caixa de layout e seu comportamento no fluxo do documento. O comando document.getElementById("xpto").style.display = "none"; remove o elemento do fluxo, tornando-o invisível.

• (A) Correta: "block" faz o elemento se comportar como um bloco (ocupa toda a largura disponível, inicia em uma nova linha, aceita largura e altura), e "inline" faz o elemento se comportar como um elemento em linha (ocupa apenas o espaço necessário, não inicia em uma nova linha, largura e altura são ignoradas). Estes são valores fundamentais para a propriedade display.
• (B) Incorreta: "header" e "footer" são elementos semânticos do HTML5 (tags como <header> e <footer>), não valores válidos para a propriedade display em CSS. A armadilha da banca é confundir nomes de tags HTML com valores de propriedades CSS.
• (C) Incorreta: "left" e "right" são valores usados para outras propriedades CSS, como float (para flutuar elementos) ou text-align (para alinhar texto), mas não são valores válidos para a propriedade display.
• (D) Incorreta: "paragraph" e "span" referem-se a elementos HTML (<p> e <span>), não a valores da propriedade display. Embora <p> tenha display: block por padrão e <span> tenha display: inline por padrão, os nomes dos elementos em si não são valores para a propriedade.
• (E) Incorreta: "up" e "down" não são valores válidos para a propriedade display em CSS.