1.5 KiB
1.5 KiB
title | localeTitle |
---|---|
Display Property | Propriedade de exibição |
Propriedade de exibição
A propriedade display
especifica o tipo de caixa usado para um elemento HTML. Existem 20 valores de palavra-chave no total, embora apenas 10 sejam usados normalmente. Os mais usados são:
.none {display: none}
.block {display: block}
.inline-block {display: inline-block}
.inline {display: inline}
.flex {display: flex}
.inline-flex {display: inline-flex}
.inline-table {display: inline-table}
.table {display: table}
.inherit {display: inherit}
.initial {display: initial}
Exemplos comuns:
.myBox {
display: block;
}
.myContainer {
display: flex;
}
.inlineList ul > li {
display: inline;
}
Mais Informações:
-
Documentação e lista completa de valores de palavras-chave: MDN
-
A referência CSS do W3Schools na propriedade de exibição está disponível: W3Schools
-
CSS-TRICKS tem uma ótima referência na propriedade display: CSS-Tricks
-
Suporte ao Navegador: caniuse
-
Um guia completo para o Flexbox: CSS-Tricks