In HTML bedeutet Rand „Rand“, was sich auf den leeren Bereich um den Rand eines Elements bezieht; durch das Festlegen von Rändern entsteht zusätzlicher „Leerraum“ außerhalb des Elements, wodurch ein „Leerraum“ zwischen den Feldern verbleibt. Um Ränder festzulegen, müssen Sie die CSS-Margin-Eigenschaft verwenden, die jede Längeneinheit, jeden Prozentwert und sogar einen negativen Wert akzeptiert.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In HTML bedeutet Rand „Rand“, was sich auf den leeren Bereich bezieht, der den Rand eines Elements umgibt.
Durch das Festlegen von Rändern werden zusätzliche „Leerräume“ außerhalb des Elements erstellt, wodurch ein „Leerraum“-Abstand zwischen den Boxen entsteht.
Der einfachste Weg, Ränder festzulegen, ist die Verwendung der Margin-Eigenschaft, die jede Längeneinheit, jeden Prozentwert oder sogar einen negativen Wert akzeptiert. Die Eigenschaft
margin akzeptiert jede Längeneinheit, sei es Pixel, Zoll, Millimeter oder Ems.
margin kann auf automatisch eingestellt werden. Ein häufigerer Ansatz besteht darin, einen Längenwert für die Ränder festzulegen. Die folgende Deklaration legt 1/4 Zoll breite Ränder auf jeder Seite des h1-Elements fest:
h1 {margin : 0.25in;}
Das folgende Beispiel definiert unterschiedliche Ränder für die vier Seiten des h1-Elements. Die verwendete Längeneinheit ist Pixel (px):
h1 {margin : 10px 0px 15px 5px;}
ist die gleiche wie die Einstellung des Abstands. Die Reihenfolge dieser Werte beginnt am oberen Rand (oben) und dreht sich im Uhrzeigersinn um das Element:
margin: top right bottom left
Darüber hinaus können Sie auch einen Prozentwert für den Rand festlegen:
p {margin : 10%;}
Der Prozentsatz wird relativ zur Breite des übergeordneten Elements berechnet. Das obige Beispiel legt die Ränder für das p-Element auf 10 % der Breite seines übergeordneten Elements fest.
Der Standardwert für die Marge ist 0. Wenn Sie also keinen Wert für die Marge angeben, wird keine Marge angezeigt. In der Praxis stellen Browser jedoch für viele Elemente bereits vorgegebene Stile bereit, und Ränder bilden da keine Ausnahme. Beispielsweise erzeugen Ränder in Browsern, die CSS unterstützen, „leere Zeilen“ über und unter jedem Absatzelement. Wenn für das p-Element kein Rand deklariert ist, kann der Browser daher selbst einen anwenden. Solange Sie dies ausdrücklich deklarieren, wird der Standardstil natürlich überschrieben.
Empfohlene Tutorials: „HTML-Video-Tutorial“, „CSS-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWas bedeutet Rand in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!