Heim  >  Artikel  >  Web-Frontend  >  Auf welche Kante bezieht sich der Rand in HTML5?

Auf welche Kante bezieht sich der Rand in HTML5?

WBOY
WBOYOriginal
2022-01-23 14:31:513211Durchsuche

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;“.

Auf welche Kante bezieht sich der Rand in HTML5?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Auf welche Kante bezieht sich der Rand in HTML5?

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!

    Stellungnahme:
    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
    Vorheriger Artikel:Was bedeutet lang in HTML5?Nächster Artikel:Was bedeutet lang in HTML5?