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

1.4 KiB

title localeTitle
Display Property Mostrar propiedad

Mostrar propiedad

La propiedad de display especifica el tipo de caja utilizada para un elemento HTML. Hay 20 valores totales de palabras clave, aunque solo 10 se usan comúnmente. Los de uso común son:

.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} 

Ejemplos comunes:

.myBox { 
    display: block; 
 } 
 
 .myContainer { 
    display: flex; 
 } 
 
 .inlineList ul > li { 
    display: inline; 
 } 

Más información:

  • Documentación y lista completa de valores de palabras clave: MDN

  • La referencia de CSS de W3Schools en la propiedad de visualización está disponible: W3Schools

  • CSS-TRICKS tiene una gran referencia en la propiedad de visualización: CSS-Tricks

  • Soporte del navegador: Caniuse

  • Una guía completa para Flexbox: CSS-Tricks