CSS Box Model

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

Especificación Estado Comentario
CSS Basic Box Model Working Draft  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation Definición Inicial

Compatibilidad con los distintos navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte básico 1.0 1.0 (1.7 or earlier) 3.0 3.5 1.0 (85)
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico 1.0 1.0 (1) 6.0 6.0 1.0

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,