A continuación veremos algunas de las propiedades que afectan a cada uno de los elementos del modelo de caja.

Contenido

Tanto width como height especifican las dimensiones del contenido sin tener en cuenta borde y márgenes.

Margen interno

Si utilizamos padding con un solo valor se aplica a los cuatro lados, con dos valores el primero se aplica a superior e inferior y el segundo a laterales, con tres valores se aplica el primero al superior, el segundo a los laterales y el tercero al inferior, con cuatro valores se aplica a superior, derecho, inferior, izquierdo.

También es posible fijar el valor de cada una de los cuatro valores independientemente con la propiedad correspondiente.

borde

Si utilizamos border-color, border-width o border-style con un solo valor se aplican a los cuatro lados, con dos valores el primero se aplica a superior e inferior y el segundo a laterales, con tres valores se aplica el primero al superior, el segundo a los laterales y el tercero al inferior, con cuatro valores se aplica a superior, derecho, inferior, izquierdo.

También es posible fijar el valor de cada una de los cuatro valores independientemente con la propiedad correspondiente.

Margen externo

Si utilizamos margin con un solo valor se aplica a los cuatro lados, con dos valores el primero se aplica a superior e inferior y el segundo a laterales, con tres valores se aplica el primero al superior, el segundo a los laterales y el tercero al inferior, con cuatro valores se aplica a superior, derecho, inferior, izquierdo.

También es posible fijar el valor de cada una de los cuatro valores independientemente con la propiedad correspondiente.