Atrybut Style marginTop

Definicja i użycie

marginTop ustawiają lub zwracają górny margines elementu.

Atrybut margin i Atrybut padding Wszędzie wokół elementu wprowadza przestrzeń. Ale różnica polega na tym, że margin wprowadza przestrzeń wokół krawędzi, podczas gdy padding wprowadza przestrzeń wewnątrz krawędzi elementu.

Zobacz również:

Tutorial CSS:Marginesy CSS

Podręcznik CSS:Atrybut margin-top

Podręcznik HTML DOM:Atrybut margin

Przykład

Przykład 1

Ustaw górny margines elementu <div>:

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

Spróbuj sam

Przykład 2

Wróć górny margines elementu <div> do "normal":

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

Spróbuj sam

Przykład 3

Zwróć górny margines elementu <div>:

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

Spróbuj sam

Przykład 4

Różnica między marginTop a paddingTop:

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

Spróbuj sam

Gramatyka

Zwrócenie atrybutu marginTop:

object.style.marginTop

Ustawienie atrybutu marginTop:

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

Wartość atrybutu

Wartość Opis
% Definiuje górny margines jako procent szerokości elementu nadrzędnego.
length Definiuje górny margines za pomocą jednostki długości.
auto Ustawienia przeglądarki dla górnego marginesu.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherituje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: 0
Zwrócona wartość: Ciąg znaków, który oznacza górny margines elementu.
Wersja CSS: CSS1

Przeglądarka internetowa obsługuje

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie