Atrybut marginLeft

Definicja i użycie

marginLeft ustawiają lub zwracają lewą zewnętrzną 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ż:

Kurs CSS:Marginesy CSS

Przeglądarka CSS:Atrybut margin-left

Przeglądarka HTML DOM:Atrybut margin

Przykład 1

Ustawienie lewej zewnętrznej margines div-a:

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

Spróbuj sam

Przykład 2

Przywracanie lewej zewnętrznej margines div-a do "normal":

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

Spróbuj sam

Przykład 3

Zwracana wartość lewej zewnętrznej margines div-a:

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

Spróbuj sam

Przykład 4

Różnica między marginLeft a paddingLeft:

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

Spróbuj sam

Gramatyka

Zwracanie właściwości marginLeft:

object.style.marginLeft

Ustawienie właściwości marginLeft:

object.style.marginLeft = "%|length|auto|inherit"

Wartość atrybutu

Wartość Opis
% Definiuje lewą zewnętrzną margines jako procent szerokości elementu nadrzędnego.
length Definiuje lewą zewnętrzną margines jednostką długości.
auto Przeglądarka ustawia lewą zewnętrzną margines.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: 0
Zwracana wartość: Ciąg znaków, który reprezentuje lewą zewnętrzną margines elementu.
Wersja CSS: CSS1

Przeglądarka obsługuje

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