We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte básico 1.0 1.0 (1.7 o anterior) 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: tipoqueno, pekechis
Última actualización por: tipoqueno,