Ausführliche Erläuterung der Verwendung von CSS-Außenrändern

Dieser Artikel erklärt ausführlich die Verwendung von CSS-Rändern

h2{margin:10px 0;}
p{margin:20px 0;}
......<h2>这是一个标题</h2><p>
    <h2>这是又一个标题</h2></p>本例中，第一个h2的margin-bottom（10px），p的margin-top（20px），第二个h2的margin-top（10px）将被合并，它们之间的margin间隙最后是（20px），即取三者之间最大的那个值。

Syntax:

margin: [ < ; Länge> |. auto Schauen Sie sich jedes unabhängige -Attribut

an. Gilt für alle Elemente, außer inline-table table-caption -Klassenelemente außerhalb

VererbtGeschlecht: Keine

AnimationGeschlecht: Ja

Berechneter Wert

: Sehen Sie sich jedes unabhängige Attribut anZugehöriges Attribut: [

margin-right

] | -bottom ] ||. [ margin-left]

Wert: auto: horizontal (Standard) Schriftlich Im Modus ist der berechnete Wert von margin-top/margin-bottom 0 und margin-left/margin-right hängt vom verfügbaren Platz ab. Einzelheiten finden Sie unter: margin series keyword auto

: Verwenden Sie den Längenwert, um den externen Abstand zu definieren. Kann negativ sein

• : Verwenden Sie den Prozentsatz, um die äußere Polsterung zu definieren. Im horizontalen (Standard-)Schreibmodus beziehen Sie sich zur Berechnung auf die

  Breite
des enthaltenden Blocks. In anderen Fällen beziehen Sie sich auf die
• Höhe

  , die negativ sein kann

• Beschreibung:

  Erweiterte Ränder der vier Seiten des
Objekts

abrufen oder festlegen.

Wenn alle vier Parameterwerte angegeben sind, werden sie auf die vier Seiten in der Reihenfolge oben, rechts, unten und links angewendet. Wenn nur eine angegeben ist, wird diese für alle vier Seiten verwendet.

• Wenn zwei vorhanden sind, ist das erste für oben und unten und das zweite für links und rechts.

• Wenn drei vorhanden sind, ist das erste für oben, das zweite für links und rechts und das dritte für unten.

• Nicht ersetzte Inline-Elemente können dieses Attribut verwenden, um die äußeren Patches auf der linken und rechten Seite festzulegen. Wenn Sie die äußeren Patches auf der oberen und unteren Seite festlegen möchten, müssen Sie dies tun Stellen Sie zunächst sicher, dass das Objekt als Blockebene oder Inline-Blockebene angezeigt wird.

• Erweiterte Ränder sind immer transparent.

• Einige benachbarte Ränder werden zusammengeführt, was wir Randfaltung nennen:

Das übergeordnete Element verschmilzt mit dem ersten/letzten untergeordneten Element mit Rand

h2{margin:10px 0;}
p{margin:20px 0;}
......<h2>这是一个标题</h2><p>
    <h2>这是又一个标题</h2></p>本例中，第一个h2的margin-bottom（10px），p的margin-top（20px），第二个h2的margin-top（10px）将被合并，它们之间的margin间隙最后是（20px），即取三者之间最大的那个值。

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung von CSS-Außenrändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!