Was ist CSS-Padding?

CSS-Padding bezieht sich auf den leeren Bereich zwischen dem Elementrand und dem Elementinhalt. Dieser Bereich wird durch die Eigenschaften padding, padding-top, padding-right, padding-bottom und padding-left gesteuert. Sie akzeptieren Längen- oder Prozentwerte, erlauben jedoch keine negativen Werte.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

CSS-Auffüllung ist die Auffüllung eines Elements, die sich auf den leeren Bereich zwischen dem Elementrand und dem Elementinhalt bezieht.

Mit CSS haben Sie die volle Kontrolle über das Padding (Padding). Es gibt Eigenschaften, die den Abstand für jede Seite des Elements festlegen (oben, rechts, unten und links).

CSS verfügt über Eigenschaften zum Festlegen der Polsterung auf jeder Seite eines Elements:

• padding-toppadding-top

• padding-right

• padding-bottom

• padding-left

也可以，直接使用padding

padding-right

padding-bottomMögliche Werte: Wert Beschreibung Der Browser berechnet den Abstand. Gibt den Füllwert in bestimmten Einheiten an, z. B. Pixel, Zentimeter usw. Der Standardwert ist 0px.

	padding-left
Sie können padding auch direkt verwenden und in einem Attribut angeben. Alle oben genannten Polsterungen Eigenschaften reduzieren den Code.	Das Padding-Attribut akzeptiert Längen- oder Prozentwerte, negative Werte sind jedoch nicht zulässig.
auto
length

%

Gibt den Abstand als Prozentsatz der Breite des übergeordneten Elements an.
inherit

• gibt an, dass die Polsterung vom übergeordneten Element geerbt werden soll. Das

padding-Attribut kann 1 bis 4 Werte haben:

• padding:25px 50px 75px 100px;

Der obere Abstand beträgt 25 Pixel. Der rechte Abstand beträgt 50 Pixel. Der Untere Abstand beträgt 75 Pixel

• Der linke Abstand beträgt 100 Pixel

• padding:25px 50px 75px;

• Die obere Polsterung beträgt 25 Pixel. Die linke und rechte Polsterung beträgt 50 Pixel. Die untere Polsterung beträgt 75 Pixel. Die obere und untere Polsterung beträgt 75 Pixel ding ist 25px

Links und rechts Die Polsterung beträgt 50 Pixel.

• padding:25px 50px;

  . Die gesamte Polsterung beträgt 25 Pixel

Das obige ist der detaillierte Inhalt vonWas ist CSS-Padding?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!