Style marginBottom Property

Przykład

Ustaw dolny margines na <div> element:

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

Definicja i Wykorzystanie

Zestawy własności marginBottom lub zwraca dolnego marginesu elementu.

Zarówno nieruchomość margines i przestrzeń wkładka nieruchomość wyściółka wokół elementu. Jednak różnica jest taka, że margines wstawia przestrzeń wokół granicy, natomiast wyściółka wkładki przestrzeń wewnątrz granicy elementu.

Wsparcie przeglądarka

Nieruchomość marginBottom jest dostępna we wszystkich głównych przeglądarkach.

Składnia

Zwraca właściwość marginBottom:

object .style.marginBottom

Ustaw właściwość marginBottom:

object .style.marginBottom=" wartości nieruchomości

Wartość	Opis
%	Tworzy dno marginesu% szerokości elementu nadrzędnego
length	Definiuje dolny margines w jednostkach długości
auto	Przeglądarka ustawia margines dolny
initial	Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit	Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość:	0
Zwracana wartość:	Ciąg reprezentujący dolnego marginesu elementu
Wersja CSS	CSS1

Więcej przykładów

Przykład

Zmień dolnego marginesu <div> elementu z powrotem do "normal" :

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

Spróbuj sam "

Przykład

Powrót dolnego marginesu <div> element:

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

Spróbuj sam "

Przykład

Różnica między marginBottom i paddingBottom:

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

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

Spróbuj sam "