freeCodeCamp/guide/portuguese/css/layout/display-property/index.md

1.5 KiB
Raw Blame History

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