• 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​Ejemplo

Alineación Horizontal Orientación Vertical

 

box-align: start|end|center|baseline|stretch;

Especifica la forma de alinear los elementos secundarios de una caja

 

EjemploEjemplo

ejemplo propiedad box-align

box-pack: start|end|center|justify;

Especifica la posición horizontal en cajas horizontales, y la posición vertical en cajas verticales.
Se utiliza junto con box-align y box-orient.

 

EjemploEjemplo

Ejemplo box-pack

Propiedad box-flex y ejemplos

 

Propiedad box-flex

Propiedad box-shadow y ejemplo

 

Propiedad box-shadow