Heim >Web-Frontend >Front-End-Fragen und Antworten >Auf welche Kante bezieht sich der Rand in HTML5?
In HTML5 bezieht sich der Rand auf den „äußeren Rand“. Dieses Attribut kann auch zum Festlegen aller Randattribute des Elements verwendet werden der vier Ränder Syntax Es ist „Rand: oberer Rand, rechter Rand, unterer Rand, linker Rand;“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
Das Kurzschriftattribut „Margin“ legt alle Randattribute in einer Anweisung fest. Diese Eigenschaft kann 1 bis 4 Werte haben.
Erläuterung
Dieses Abkürzungsattribut legt die Breite aller Ränder eines Elements oder die Breite der Ränder auf jeder Seite fest.
Die vertikal benachbarten Ränder von Elementen auf Blockebene werden zusammengeführt, während Inline-Elemente tatsächlich nicht den oberen und unteren Rand belegen. Der linke und rechte Rand von Inline-Elementen werden nicht zusammengeführt. Ebenso werden die Ränder schwebender Elemente nicht zusammengeführt. Es ist erlaubt, negative Randwerte anzugeben, aber seien Sie bei der Verwendung vorsichtig.
Hinweis: Negative Werte sind zulässig.
Beispiel 1
margin:10px 5px 15px 20px;
Der obere Rand beträgt 10 Pixel.
Der rechte Rand beträgt 5 Pixel.
Der untere Rand beträgt 15 Pixel. Der linke Rand beträgt 20 Pixel
Rechter Rand und Der linke Rand beträgt 5 Pixel. Der untere Rand beträgt 15 Pixel mögliche Werte für dieses Attribut: auto Der Browser berechnet die Ränder. length gibt den Randwert in bestimmten Einheiten an, z. B. Pixel, Zentimeter usw. Der Standardwert ist 0px. % gibt Ränder als Prozentsatz der Breite des enthaltenden Elements an. inherit gibt an, dass Ränder vom übergeordneten Element geerbt werden sollen. Empfohlenes Tutorial: „HTML-Video-Tutorial
“Das obige ist der detaillierte Inhalt vonAuf welche Kante bezieht sich der Rand in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!