Was bedeutet Rand in HTML?

青灯夜游
Freigeben: 2023-02-17 14:17:06
Original
38346 Leute haben es durchsucht

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.

Was bedeutet Rand in HTML?

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;}
Nach dem Login kopieren

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;}
Nach dem Login kopieren

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
Nach dem Login kopieren

Darüber hinaus können Sie auch einen Prozentwert für den Rand festlegen:

p {margin : 10%;}
Nach dem Login kopieren

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!

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