Was bedeutet margin-right in CSS?

In CSS bedeutet „margin-right“ „rechter Rand“. Es handelt sich um ein Randattribut, das verwendet wird, um den rechten Positionsabstand eines Elements festzulegen. Die Syntax ist „margin-right:margin value“. „;“; Der Randwert kann auf das Schlüsselwort „auto“, einen relativen Wert in Prozent oder einen festen Randwert festgelegt werden.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Margin-right bedeutet in CSS „rechter Rand“, ein Randattribut, mit dem der richtige Positionsabstand eines Elements festgelegt wird. Das Attribut „margin-right“ legt den rechten Rand des Elements fest und der Attributwert kann eine negative Zahl sein. Wenn wir gleichzeitig den oberen, unteren, linken und rechten Rand eines Elements festlegen müssen, können wir ihn mithilfe des Attributs „margin“ festlegen.

margin-right-Attributsyntaxformat:

margin-right:auto|length|%

Wert autolength% Legen Sie einen p fest. Der rechte Rand des Elements beträgt 50 Pixel CSS-Layout. Szenarien mit positiven Werten sind sehr häufig und jeder ist mit ihrer Leistung vertrautWenn margin-top und margin-left negative Werte sind, wird das Element nach oben oder links verschoben und die Position im Dokumentenfluss wird geändert Ändern Sie dies auch entsprechend. Dies unterscheidet sich vom Element position:relative, bei dem das Element nach dem Festlegen von top und left immer noch die ursprüngliche Position einnimmt. Wenn margin-bottom und margin-right auf negative Werte gesetzt sind, hat das Element selbst keine Die Position ändert sich und die nachfolgenden Elemente werden nach unten und nach rechts verschoben.

Beschreibung
Der vom Browser festgelegte rechte Rand.
definiert einen festen rechten Rand. Der Standardwert ist 0.
Definiert den rechten Rand als Prozentsatz basierend auf der Gesamtbreite des übergeordneten Objekts. ??

Die Situationen, denen Sie begegnen, sollten alle hier aufgeführt sein:

Elemente auf Blockebene werden verschoben, wenn „Margin-Top“ und „Margin-Bottom“ festgelegt wird. Wenn jedoch „Margin-Bottom“ festgelegt ist, werden die Elemente dahinter verschoben.

Inline-Elemente werden nicht verschoben, wenn sie „Margin-Top“ und „Margin-Bottom“ festlegen. Fügen Sie eine absolute Positionierung hinzu (um sie aus dem Dokumentfluss herauszuholen, z. B. eine schwebende feste Positionierung), und legen Sie „Margin-Top“ fest Durch die Einstellung „Vertikal ausrichten“ (Mitte oben) können Inline-Blockelemente durch Festlegen von „Margin-Top“ und „Margin-Bottom“ verschoben werden dass der Inhalt hinter den Elementen auf Blockebene nicht verschoben wird. Der Inhalt nach dem Element wird nicht verschoben (da sich der Inhalt nach dem Inline-Element in derselben Zeile befindet). Elemente auf Blockebene setzen den Rand nach rechts und ihre eigene Breite erhöht sich; Inline-Elemente legen den Rand nach rechts fest und der Inline-Inhalt hinter dem Element wird entsprechend dem numerischen Wert verschoben. Hinweis: Faktoren, die die Randanzeige beeinflussen Effekt: Anzeigepositionierungsmechanismus vertikal ausrichten (Teilen von Lernvideos:
CSS-Video-Tutorial

,

Web-Frontend

)

Das obige ist der detaillierte Inhalt vonWas bedeutet margin-right in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!