Ein Padding in CSS ist ein definierter Abstand um das Element in Pixel oder in Prozent

So erstellst du Padding in CSS:

Die CSS-Eigenschaft padding definiert den Abstand zwischen dem Inhalt eines Elements und seinem Rahmen.

1. Alle Seiten gleichzeitig:

CSS
padding: wert;

Beispiel:

CSS
padding: 20px; /* Fügt 20 Pixel Padding auf allen Seiten hinzu */

Einzelne Seiten:

CSS
padding-top: wert;
padding-right: wert;
padding-bottom: wert;
padding-left: wert;

Beispiel:

CSS
padding-top: 10px; /* 10 Pixel Padding oben */
padding-right: 20px; /* 20 Pixel Padding rechts */
padding-bottom: 30px; /* 30 Pixel Padding unten */
padding-left: 40px; /* 40 Pixel Padding links */

Abkürzungen:

CSS
padding: oben-unten rechts-links;

Beispiel:

CSS
padding: 15px 25px; /* 15 Pixel Padding oben und unten, 25 Pixel Padding rechts und links */

Prozentangaben:

CSS
padding: prozentwert;

Beispiel:

CSS
padding: 5%; /* Fügt 5% des übergeordneten Elements als Padding hinzu */

Erklärung:

Zusätzliche Informationen:

Über mich