Propriedade display
A propriedade display - define a forma como
um elemento é exibido pelo navegador.
Sintaxe
cssseletor {
display: valor;
}
Valores
| Valor | Descrição |
|---|---|
block |
Elemento de bloco. |
inline |
Elemento em linha. |
inline-block |
Elemento em linha e de bloco. |
list-item |
O elemento se tornará um item de lista e um marcador de lista aparecerá antes dele. |
flex |
Define o elemento como um bloco, e seus descendentes se tornarão elementos flex. |
inline-flex |
Define o elemento como em linha e de bloco, e seus descendentes se tornarão elementos flex. |
grid |
Cria um elemento de grade. |
none |
O elemento desaparecerá completamente e todos os outros elementos se comportarão como se esse elemento não existisse. |
table |
O elemento se comportará como uma tabela. |
table-cell |
O elemento se comportará como uma célula de tabela. |
inline-table |
O elemento se comportará como uma tabela, mas a tabela é um elemento embutido e é envolvida por outros elementos, por exemplo, texto. |
table-caption |
O elemento se comportará como a tag caption. |
table-column |
O elemento se comportará como uma coluna de tabela. |
table-row |
O elemento se comportará como uma linha de tabela. |
table-column-group |
O elemento se comportará como a tag colgroup. |
table-footer-group |
O elemento se comportará como a tag tfoot. |
table-header-group |
O elemento se comportará como a tag thead. |
table-row-group |
O elemento se comportará como a tag tbody. |
run-in |
Define o elemento como de bloco ou embutido dependendo do contexto. |
Por padrão, os elementos podem ter vários
valores de display.