¿Qué significa box model?
Significado en Desarrollo web, traducción al español y ejemplos
box model: modelo de caja
Concepto de CSS según el cual cada elemento es una caja rectangular formada por contenido, relleno interno, borde y margen, que en conjunto determinan su tamaño y separación.
Cómo se usa
Se consulta cuando las dimensiones no cuadran. Muchos proyectos establecen box-sizing: border-box para que el ancho incluya el relleno y el borde. Las herramientas de desarrollo del navegador muestran el modelo de caja del elemento seleccionado.
Frases de ejemplo
The card is 20 pixels wider than expected; check the box model in DevTools.
La tarjeta mide 20 píxeles más de lo esperado; revisa el modelo de caja en DevTools.
El diagrama ayuda a encontrar qué parte de la caja suma ese ancho extra.
Once you understand the box model, spacing in CSS makes much more sense.
Cuando entiendes el modelo de caja, el espaciado en CSS resulta mucho más claro.
Comprender cómo se combinan sus partes aclara las dimensiones y separaciones.
Combinaciones frecuentes
- CSS box model
- box-sizing
- border-box
- content box
Términos relacionados
Esta palabra en otras especialidades
Una misma palabra en inglés puede tener un significado diferente según la especialidad:
Más términos: CSS y maquetación
Practica con lecturas adaptadas a tu nivel
Leer textos de tu nivel te ayuda a recordar las palabras nuevas. Elige libros gratuitos en inglés: