Padding

Bueno este término en español se traduce como “relleno”, que refleja un poco lo que es y para que se usa. El padding vendría a ser el espacio que hay desde el borde(lo acabamos de ver hace un instante) del objeto hasta el contenido de este mismo. Veamoslo mejor con los ejemplos de las figuras geométricas.

En las imágenes de arriba consideren al pequeño círculo rojo como el contenido de las figuras geométricas, ahora el espacio que hay entre los bordes de la figura y el circulo rojo es el padding, sencillo no?

Ahora traduscamoslo a nuestra código. Al igual que border se puede dar las medidas de padding de un div mediante nuestra hoja de estilos asi:

.nombredeldiv {
            padding-top: 5px;
            padding-bottom: 6px;
            padding-left: 7px;
            padding-right: 8px;
}

Y al igual que al border tambien lo podemos simplificar asi:

nombredeldiv {
padding: 5px 8px 6px 7px;

}

<<<<< Anterior Siguiente >>>>>