- El valor box, permite crear un modelo de caja o contenedor optimizado para los distintos dispositivos
- Ajusta los elementos que se encuentran dentro de un contenedor o caja, de tal manera que se adapten siempre al espacio disponible
- Permite posicionar dichos elementos internos con gran facilidad.
box-orient: horizontal|vertical|inline-axis|block-axis|inherit; |
Especifica si los elementos hijos de una caja deben colocarse de forma horizontal o vertical |
Ejemplo
![]() |
![]() |
box-align: start|end|center|baseline|stretch; |
Especifica la forma de alinear los elementos secundarios de una caja |
Ejemplo
box-pack: start|end|center|justify; |
Especifica la posición horizontal en cajas horizontales, y la posición vertical en cajas verticales. |
Ejemplo
Propiedad box-flex y ejemplos
Propiedad box-shadow y ejemplo