Style marginRight Eigenschaft

定义和用法

marginRight Eigenschaft setzt oder gibt den rechten Außenabstand des Elements zurück.

margin-Eigenschaft und padding-Eigenschaft Erzeugt um das Element Platz. Der Unterschied liegt darin, dass margin um den Rahmen Platz einsetzt, während padding im Rahmen des Elements Platz einsetzt.

Weitere Informationen:

CSS教程:CSS-Außenabstand

CSS Referenzhandbuch:margin-right-Eigenschaft

HTML DOM Referenzhandbuch:margin-Eigenschaft

Beispiel

Beispiel 1

Setzen Sie den rechten Außenabstand des <div>-Elements:

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

Probieren Sie es selbst aus

Beispiel 2

Setzen Sie den rechten Außenabstand des <div>-Elements zurück auf "normal":

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

Probieren Sie es selbst aus

Beispiel 3

Rückgabe des rechten Außenabstands des <div>-Elements:

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

Probieren Sie es selbst aus

Beispiel 4

Unterschied zwischen marginRight und paddingRight:

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

Probieren Sie es selbst aus

Syntax

Rückgabe marginRight-Eigenschaft:

object.style.marginRight

Setzen Sie marginRight-Eigenschaft:

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

Eigenschaftswert

Wert Beschreibung
% Rechten Außenabstand mit dem Prozentsatz der Breite des Elternelements einstellen.
length Rechten Außenabstand mit Längenmaß einstellen.
auto Browser setzen rechten Außenabstand.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Elternelement erben. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die den rechten Außenabstand des Elements darstellt.
CSS-Version: CSS1

Browser unterstützt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung