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