Relleno CSS | TIEngranaje

relleno CSS establece el relleno alrededor de los cuatro lados de un elemento HTML. El relleno CSS se puede aplicar a casi todos los elementos HTML. Además, podemos configurar cada lado del elemento con un valor de relleno diferente. el relleno despeja un área en torno al contenido de un elemento.

El acolchado se ve afectado por la color de fondo del elemento Puede establecer el relleno de un elemento utilizando la propiedad de relleno abreviada, o puede establecer el relleno para cada lado individualmente.

Propiedad de relleno (taquigrafía)

Al usar el relleno abreviado propiedad, establezca los valores de la siguiente manera: superior, derecha, inferior e izquierda. Por ejemplo:

p {
    padding: 1px 2px 3px 6px;
}

Si desea aplicar el mismo relleno en los cuatro lados, simplemente use un valor:

p {
    padding: 10px;
}

Si desea que el relleno sea el mismo para la parte superior/inferior e izquierda/derecha, use dos valores:

p {
    padding: 10px 20px;
}

Usando tres valoresconfigurará el relleno izquierdo y derecho de la misma manera, mientras configura la parte superior e inferior con diferentes valores:

p {
    padding: 10px 5px 20px;
}

Si el relleno se establece en cero, entonces tiene el mismo borde que el elemento. Debe tener en cuenta que el relleno se puede establecer mediante un valor no negativo.

Puede especificar la medida como px, pt, em, in, cmetc. También puede especificar un porcentaje para su relleno, que será un porcentaje del ancho del bloque contenedor del elemento.

Acolchado de lados individuales

Como se mencionó anteriormente, en CSS, es posible especificar diferentes valores de relleno para cada lado del elemento HTML:

p {
    padding-top:5px;
    padding-right:10px;
    padding-bottom:5px;
    padding-left:10px;
}