пример
Установите нижний край в <div> элемент:
document.getElementById("myDiv").style.marginBottom = "50px"; Попробуй сам " Определение и использование
Наборы собственности MarginBottom или возвращает нижнюю границу элемента.
И свойство Маржи и вставка пространство набивки свойства вокруг элемента. Тем не менее, разница в том, что рентабельность вставляет пространство вокруг границы, в то время как обивка вставляет пространство внутри границы элемента.
Поддержка браузеров
Свойство MarginBottom поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство MarginBottom:
object .style.marginBottom
Установите свойство MarginBottom:
object .style.marginBottom=" Значения свойств Стоимость Описание % Определяет нижний предел в% от ширины родительского элемента length Определяет нижний предел в единицах длины auto Браузер устанавливает нижнюю границу initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 0 Возвращаемое значение: Строка, представляющая нижний край элемента CSS версия CSS1
Еще примеры
пример
Изменение нижнего поля в <div> элемент обратно в "normal" :
document.getElementById("myDiv").style.marginBottom = "0px"; Попробуй сам "
пример
Верните нижний край в <div> элемент:
alert(document.getElementById("myDiv").style.marginBottom);
Попробуй сам "
пример
Разница между MarginBottom и paddingBottom:
function changeMargin() {
document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingBottom = "100px";
}
Попробуй сам "
Похожие страницы
CSS учебник: CSS Маржа
Ссылка CSS: margin-bottom property
HTML DOM ссылка: margin property
<Style Object