Was sind die Unterschiede zwischen Rand und Polsterung in CSS?

In CSS bezieht sich der Rand auf den Abstand vom eigenen Rand zum Rand eines anderen Containers, also den Abstand außerhalb des Containers. In CSS bezieht sich Padding auf den Abstand zwischen dem eigenen Rahmen und dem Rand eines anderen Containers in sich selbst, also dem Abstand innerhalb des Containers. Im Folgenden wird die allgemeine Verwendung von Polsterung und Rand erläutert.

In CSS bezieht sich Rand auf den Abstand vom eigenen Rahmen zum Rand eines anderen Containers, also den Abstand außerhalb des Containers. In CSS bezieht sich Padding auf den Abstand zwischen dem eigenen Rahmen und dem Rand eines anderen Containers in sich selbst, also dem Abstand innerhalb des Containers.

Im Folgenden wird die allgemeine Verwendung von Polsterung und Rand erläutert

1. Grammatikstruktur

(1)

padding-left:10px; left padding

(2)

padding-right:10px;

(3)

Polsterung oben:10px; Polsterung oben

(4)

Polsterung unten:10px; Polsterung unten

(5) Polsterung: 10px; einheitliche Polsterung auf allen vier Seiten

(6) Polsterung: 10px 20px; Polsterung oben, unten, links und rechts

(7) Polsterung: 10px 20px 30px; Polsterung oben, links und rechts

(8) Polsterung: 10px 20px 30px 40px; Polsterung oben, rechts, unten und links

2. Möglicher Wert:

(1) Länge gibt die Fülllänge in bestimmten Einheiten an

(2) % Die Länge der Polsterung basierend auf der Breite des übergeordneten Elements

(3 ) auto Der Browser berechnet den Abstand

(4) inherit legt fest, dass der Abstand vom übergeordneten Element geerbt werden soll

3. Probleme mit der Browserkompatibilität

(1) Alle Browser unterstützen das Padding-Attribut

(2) Keine IE-Version unterstützt den Attributwert „inherit“

2. Rand

1. Grammatische Struktur

(1)

Rand links:10px; linker äußerer Rand

( 2)

Rand-rechts:rechter Rand

(3) Rand-oben:10px; oberer Rand

(4)Rand-unten

:10px; unterer Rand

(5) Rand:10px; einheitliche Ränder auf allen vier Seiten

(6) Rand:10px 20px; oberer, unterer, linker und rechter Rand

(7)Rand:10px 20px 30px; oberer, linker, rechter und unterer Rand

(8) Rand:10px 20px 30px 40px; oberer, rechter, unterer und linker Rand

2. Mögliche Werte

(1)length Gibt die Randlänge in bestimmten Einheiten an

(2)% Der Rand basierend auf der Breite des übergeordneten Elements Länge

(3) auto Der Browser berechnet die Ränder

(4) inherit legt fest, dass die Ränder vom übergeordneten Element geerbt werden sollen

3. Probleme mit der Browserkompatibilität

(1) Alle Browser unterstützen das Margin-Attribut

(2) Keine IE-Version unterstützt den Attributwert „inherit“

3. Der Unterschied zwischen Rand und Polsterung wird durch ein Diagramm dargestellt:

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen Rand und Polsterung in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!