CSS-Padding-Eigenschaft wird eingesetzt um den Abstand zwischen dem Elementinhalt und dem Elementrand zu definieren .
Der Unterschied zum CSS-Rand besteht darin, dass der CSS-Rand den Raum um Elemente herum definiert. Die CSS-Auffüllung wird durch die Hintergrundfarben beeinflusst. Dadurch wird ein Bereich um den Inhalt herum gelöscht.
Die Polsterung oben, unten, links und rechts kann mithilfe separater Eigenschaften unabhängig voneinander geändert werden. Sie können auch alle Eigenschaften auf einmal ändern, indem Sie die abgekürzte Auffülleigenschaft verwenden.
CSS-Padding-Eigenschaften
| Eigentum | Beschreibung |
|---|---|
| Polsterung | Es wird verwendet, um alle Fülleigenschaften in einer Deklaration festzulegen. |
| Polsterung links | Es wird verwendet, um den linken Abstand eines Elements festzulegen. |
| Polsterung-rechts | Es wird verwendet, um den rechten Abstand eines Elements festzulegen. |
| Polsterung oben | Es wird verwendet, um die obere Polsterung eines Elements festzulegen. |
| Polsterung unten | Es wird verwendet, um die untere Polsterung eines Elements festzulegen. |
CSS-Auffüllwerte
| Wert | Beschreibung |
|---|---|
| Länge | Es wird verwendet, um feste Auffüllungen in pt, px, em usw. zu definieren. |
| % | Es definiert die Auffüllung in % des enthaltenden Elements. |
Beispiel für CSS-Padding
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Testen Sie es jetzt Ausgabe:
Dies ist ein Absatz ohne angegebenen Abstand.
Dies ist ein Absatz mit angegebenen Abständen.