Style marginTop Property

Przykład

Ustawianie górnego marginesu <div> element:

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

Definicja i Wykorzystanie

Zestawy własności marginTop lub zwraca górnego 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ść marginTop jest dostępna we wszystkich głównych przeglądarkach.

Składnia

Zwraca właściwość marginTop:

object .style.marginTop

Ustaw właściwość marginTop:

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

Wartość	Opis
%	Definiuje górny margines w% szerokości elementu nadrzędnego
length	Definiuje górny margines w jednostkach długości
auto	Przeglądarka ustawia górny margines
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 górny margines elementu
Wersja CSS	CSS1

Więcej przykładów

Przykład

Zmień górnego marginesu <div> elementu z powrotem do "normal" :

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

Spróbuj sam "

Przykład

Zwraca górnego marginesu <div> element:

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

Spróbuj sam "

Przykład

Różnica między marginTop i paddingTop:

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

Spróbuj sam "