Como Criar Sites | Aprenda grátis como fazer seu site

Uma propriedade interessante dos elementos HTML é o display, ele define como o elemento deve ser renderizado (exibido) no navegador. A propriedade display pode ter vários valores, mas aqui vou abordar os mais utilizados e que funcionam na maioria dos navegadores.

Display

O valor da propriedade display pode ser:

inline:

- Esse é o valor padrão para a maioria dos elementos HTML. O elemento é renderizado (exibido) sem quebra de linha no seu início e no seu fim.

block:

- Esse é o valor padrão para alguns elementos HTML como parágrafos (<p>) e divs (<div>). Ele é exibido com uma quebra de linha no seu início e no seu fim.

none:

- O elemento que tem o display com esse valor, não é renderizado.

Há outros possíveis valores para a propriedade display, você pode ver em: CSS display Property.

Para colocar a propriedade display em um elemento devemos colocar como um estilo (CSS), por qualquer método, visto em Entendendo CSS (folhas de estilo): Cascading Style Sheet – Parte 1 e Entendendo CSS (folhas de estilo): Cascading Style Sheet – Parte 2.

Exemplo

primeira linha <span style="display: inline;">segunda linha</span> terceira linha
<BR>
primeira linha <span style="display: block;">segunda linha</span> terceira linha
<BR>
primeira linha <span style="display: none;">segunda linha</span> terceira linha

Você pode verificar o resultado desse código em Propriedade Display.