Atributo paddingBottom de estilo

Definición y uso

paddingBottom Establece o devuelve el relleno inferior del elemento.

Atributo margin y Atributo padding Insertan espacio alrededor del elemento. Sin embargo, la diferencia radica en que, el margen inserta espacio alrededor del borde, mientras que el relleno inserta espacio dentro del borde del elemento.

Vea también：

Tutoriales de CSS：Márgenes internos de CSS

Manual de CSS：Atributo padding-bottom

Manual de HTML DOM：Atributo padding

Ejemplo

Ejemplo 1

Establecer el relleno inferior del elemento <div>：

document.getElementById("myDiv").style.paddingBottom = "50px";

Pruebe usted mismo

Ejemplo 2

Volver a "normal" el relleno inferior del elemento <div>：

document.getElementById("myDiv").style.paddingBottom = "0px";

Pruebe usted mismo

Ejemplo 3

Devolver el relleno inferior del elemento <div>：

alert(document.getElementById("myDiv").style.paddingBottom);

Pruebe usted mismo

Ejemplo 4

Diferencia entre marginBottom y paddingBottom：

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

Pruebe usted mismo

Sintaxis

Devolver el atributo paddingBottom：

object.style.paddingBottom

Establecer el atributo paddingBottom：

object.style.paddingBottom = "%|length|initial|inherit"

Valor del atributo

Valor Descripción
% Defina el relleno inferior como un porcentaje del ancho del elemento padre.
length Defina el relleno inferior con unidades de longitud.
initial Establezca este atributo en su valor predeterminado. Consulte initial。
inherit Hereda este atributo del elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： 0
Valor devuelto： Cadena que representa el relleno inferior del elemento.
CSS versión： CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte