Atributo marginBottom de estilo

Definición y uso

marginBottom establecen o devuelven el margen inferior externo del elemento.

Atributo margin y Atributo padding Insertan espacio alrededor del elemento. Pero, 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 CSS

Manual de CSS:Atributo margin-bottom

Manual de HTML DOM:Atributo margin

Ejemplo

Ejemplo 1

Configurar el margen inferior del elemento <div>:

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

Pruebe usted mismo

Ejemplo 2

Volver a "normal" el margen inferior del elemento <div>:

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

Pruebe usted mismo

Ejemplo 3

Devolver el margen inferior externo del elemento <div>:

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

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 marginBottom atributo:

object.style.marginBottom

Configurar marginBottom atributo:

object.style.marginBottom = "%|length|auto|initial|inherit"

Valor del atributo

Valor Descripción
% Defina el margen inferior externo como un porcentaje del ancho del elemento padre.
length Defina el margen inferior externo con una unidad de longitud.
auto configuración del navegador para el margen inferior externo.
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 margen inferior externo del elemento.
Versión de CSS: CSS1

Compatibilidad con navegadores

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