Style marginBottom свойство

Определение и использование

marginBottom устанавливают или возвращают нижний отступ элемента.

Атрибут margin и Атрибут padding Всегда вставляют пространство вокруг элемента. Но различие заключается в том, что margin вставляет пространство вокруг рамки, а padding - внутри рамки элемента.

Дополнительная информация:

Урок CSS:Внешние отступы CSS

Руководство CSS:Атрибут margin-bottom

Руководство HTML DOM:Атрибут margin

Пример

Пример 1

Установить нижний отступ элемента <div>:

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

Попробуйте сами

Пример 2

Вернуть нижний отступ элемента <div> в "normal":

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

Попробуйте сами

Пример 3

Возврат нижнего отступа элемента <div>:

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

Попробуйте сами

Пример 4

Разница между marginBottom и paddingBottom:

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

Попробуйте сами

Грамматика

Возврат атрибута marginBottom:

object.style.marginBottom

Установить атрибут marginBottom:

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

Значение атрибута

Значение Описание
% Определить нижний отступ в процентах от ширины родительского элемента.
length Определить нижний отступ с помощью единицы измерения длины.
auto Настройки браузера для нижнего отступа.
initial Установить этот атрибут в его значение по умолчанию. См. initial.
inherit Инheritировать этот атрибут от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: 0
Возврат: Строка, представляющая нижний отступ элемента.
Версия CSS: CSS1

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка