La propiedad CSS Display

 

 

 

La propiedad css display 1

Cómo trabajar con la propiedad `display` en CSS

La displaypropiedad de un objeto determina cómo lo representa el navegador.

Es una propiedad muy importante y probablemente la que tiene el mayor número de valores que puedes utilizar.

Estos valores incluyen:

 

  • block
  • inline
  • none
  • contents
  • flow
  • flow-root
  • table(y todos los table-*unos)
  • flex
  • grid
  • list-item
  • inline-block
  • inline-table
  • inline-flex
  • inline-grid
  • inline-list-item

más otros que probablemente no usarás, como ruby.

Elegir cualquiera de ellos alterará considerablemente el comportamiento del navegador con el elemento y sus elementos secundarios.

En este post analizaré los más importantes que no se tratan en otros lugares:

  • block
  • inline
  • inline-block
  • none

Abordo otros temas en publicaciones separadas:

  • table en la guía de Tablas
  • flexen la guía de Flexbox
  • griden la guía de cuadrícula CSS

en línea

Inline es el valor de visualización predeterminado para cada elemento en CSS.

Todas las etiquetas HTML se muestran en línea de forma inmediata, excepto algunos elementos como div, py section, que son configurados blockpor el agente de usuario (el navegador). Fotos Porno y actrices porno

Los elementos en línea no tienen ningún margen ni relleno aplicado.

Lo mismo para la altura y el ancho.

Puedes agregarlos, pero la apariencia en la página no cambiará: el navegador los calcula y aplica automáticamente .

bloque en línea

Similar a inline, pero con inline-block widthy heightse aplican como usted especificó.

bloquear

Como se mencionó, normalmente los elementos se muestran en línea, con la excepción de algunos elementos, incluidos

  • div
  • p
  • section
  • ul

que son configurados blockpor el navegador.

Con display: block, los elementos se apilan uno tras otro, verticalmente, y cada elemento ocupa el 100% de la página.

Los valores asignados a las propiedades widthy heightse respetan, si los establece junto con marginy padding.

ninguno

El uso display: nonehace que un elemento desaparezca. Sigue estando en el HTML, pero no es visible en el navegador.

Tips de CSS




Tal vez te puede interesar:

  1. Filtros CSS
  2. Manejo de errores CSS
  3. Importar un archivo CSS usando @import
  4. La propiedad flotante CSS y su limpieza

La propiedad CSS Display

La displaypropiedad de un objeto determina cómo lo representa el navegador. Cómo trabajar con la propiedad `display` en CSS Cómo trabajar con la propiedad `

programar

es

https://aprendeprogramando.es/static/images/programar-la-propiedad-css-display-2060-0.jpg

2024-11-01

 

La propiedad css display 1
La propiedad css display 1

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences