Estilo paddingBottom Propiedad
Ejemplo
Establezca el relleno inferior de un elemento <div>:
document.getElementById("myDiv").style.paddingBottom = "50px";
Definición y uso
La propiedad paddingBottom establece o devuelve el relleno inferior de un elemento.
Tanto la propiedad de margen como la propiedad de relleno insertan espacio alrededor de un elemento. Sin embargo, la diferencia es que margin inserta el espacio alrededor del borde, mientras que padding inserta el espacio dentro del borde de un elemento.
Compatibilidad con navegador
| Property | |||||
|---|---|---|---|---|---|
| paddingBottom | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad paddingBottom:
object.style.paddingBottom
Establezca la propiedad paddingBottom:
object.style.paddingBottom = "%|length|initial|inherit"
Valores de propiedad
| Value | Description |
|---|---|
| % | Defines the bottom padding in % of the width of the parent element |
| length | Defines the bottom padding in length units |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
| Valor por defecto: | 0 |
|---|---|
| Valor devuelto: | Una cadena, que representa el relleno inferior de un elemento. |
| Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambie el relleno inferior de un elemento <div> a "normal":
document.getElementById("myDiv").style.paddingBottom = "0px";
Ejemplo
Devuelve el relleno inferior de un elemento <div>:
alert(document.getElementById("myDiv").style.paddingBottom);
Ejemplo
Diferencia entre marginBottom y paddingBottom:
function changeMargin() {
document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingBottom = "100px";
}
páginas relacionadas
Tutorial de CSS: relleno CSS
Referencia CSS: propiedad padding-bottom
Referencia HTML DOM: propiedad de relleno
❮ Objeto de estilo