Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie die CSS-Margin-Right-Eigenschaft

silencement
Freigeben: 2019-06-14 16:14:28
Original
5180 Leute haben es durchsucht

So verwenden Sie die CSS-Margin-Right-Eigenschaft

Definition und Verwendung des CSS-Margin-Right-Attributs

In CSS wird das Margin-Right-Attribut verwendet, um den rechten Rand eines Elements festzulegen . Immobilienwerte können negativ sein. Wenn wir den oberen, unteren, linken und rechten Rand eines Elements gleichzeitig festlegen müssen, können wir ihn mithilfe des Attributs „margin“ festlegen.

CSS-Margin-Right-Attributsyntaxformat

CSS-Syntax: margin-right:auto/length/%/inherit

JavaScript-Syntax: Objekt. style.marginRight="10px"

Attributwertbeschreibung

auto: Der vom Browser festgelegte rechte Rand

Länge: Definieren Sie den festen rechten Rand Abstand, der Standardwert ist 0

%: Definieren Sie den rechten Außenrand als Prozentsatz basierend auf der Gesamthöhe des übergeordneten Objekts

inherit: Erben Sie den Wert des margin-right-Attributs von das übergeordnete Element

Instanz

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css margin-right属性设置元素的左外边距</title>
<style type="text/css">
p{border: 1px solid royalblue;height:100px;width:120px;float:left;}
#mr1 {margin-right:20px;}
#mr2 {margin-right:50px;}
</style>
</head>
<body>
<p id = "mr1">margin-right属性演示</p>
<p id = "mr2">margin-right属性演示</p>
<p>一个margin-right属性演示 </p>
</body>
</html>
Nach dem Login kopieren

Ergebnis ausführen

So verwenden Sie die CSS-Margin-Right-Eigenschaft

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Margin-Right-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage