Atrybut marginRight stylu

Definicja i użycie

marginRight ustawiają lub zwracają prawy zewnętrzny margines elementu.

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

Zobacz również:

Kurs CSS:Marginesy CSS

Podręcznik CSS:Atrybut margin-right

Podręcznik HTML DOM:Atrybut margin

Przykład

Przykład 1

Ustaw prawy zewnętrzny margines elementu <div>:

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

Spróbuj sam

Przykład 2

Przywróć prawy zewnętrzny margines elementu <div> do "normal":

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

Spróbuj sam

Przykład 3

Zwróć prawy zewnętrzny margines elementu <div>:

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

Spróbuj sam

Przykład 4

Różnica między marginRight a paddingRight:

function changeMargin() {
  document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingRight = "200px";
}

Spróbuj sam

Gramatyka

Zwrócenie właściwości marginRight:

object.style.marginRight

Ustawienie właściwości marginRight:

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

Wartość atrybutu

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

Szczegóły techniczne

Domyślna wartość: 0
Zwrócona wartość: Ciąg znaków, który reprezentuje prawy zewnętrzny margines elementu.
Wersja CSS: CSS1

Przeglądarka internetowa obsługuje

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspieramy Wspieramy Wspieramy Wspieramy Wspieramy