Propiedad de relleno CSS se utiliza para definir el espacio entre el contenido del elemento y el borde del elemento .
Se diferencia del margen CSS en la forma en que el margen CSS define el espacio alrededor de los elementos. El relleno CSS se ve afectado por los colores de fondo. Limpia un área alrededor del contenido.
El relleno superior, inferior, izquierdo y derecho se puede cambiar de forma independiente utilizando propiedades independientes. También puede cambiar todas las propiedades a la vez utilizando la propiedad de relleno abreviada.
Propiedades de relleno CSS
| Propiedad | Descripción |
|---|---|
| relleno | Se utiliza para establecer todas las propiedades de relleno en una declaración. |
| relleno-izquierda | Se utiliza para establecer el relleno izquierdo de un elemento. |
| relleno-derecha | Se utiliza para establecer el relleno correcto de un elemento. |
| acolchado superior | Se utiliza para configurar el relleno superior de un elemento. |
| fondo acolchado | Se utiliza para establecer el relleno inferior de un elemento. |
Valores de relleno CSS
| Valor | Descripción |
|---|---|
| longitud | Se utiliza para definir relleno fijo en pt, px, em, etc. |
| % | Define el relleno en% del elemento contenedor. |
Ejemplo de relleno CSS
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Pruébalo ahora Producción:
Este es un párrafo sin relleno especificado.
Este es un párrafo con rellenos específicos.