Modelo de Caja de CSS
El modelo de caja CSS es un módulo CSS que define cajas rectangulares, incluyendo sus rellenos y márgenes, que son generadas para los elementos y que se disponen de acuerdo al modelo de formato visual.
Referencia
Propiedades
Propiedades que controlan el flujo del contenido en una caja
Propiedades que controlan el tamaño de una caja
Propiedades que controlan los márgenes de una caja
Propiedades que controlan los rellenos de una caja
Otras propiedades
Guías y Herramientas
- Introduction to the CSS box model
-
Explica uno de los conceptos fundamentales de CSS, el modelo de caja: describe el significado del margen, del relleno, así como de las diferentes zonas de una caja.
- Mastering margin collapsing
-
En determinados casos dos márgenes adyacentes se convierten en uno. Este artículo explica cuando sucede esto y cómo controlarlo.
- Box-shadow generator
-
Una herramienta interactiva que permite crear sombras y proporciona la síntaxis necesaria para generar dichas sombras usando la propiedad
box-shadow.
Especificaciones
| Specification |
|---|
| CSS Box Model Module Level 4 |
| CSS Box Model Module Level 3 |