Padding
Padding
Wofür benutzt man Padding?
Mit Padding kann man dem Inhalt zum Rand eines
Containers Abstand geben. Meistens sieht es nicht schön aus,
wenn der Inhalt dirckt am Rand hängt, deswegen gibt es Padding.
Hier ein Beispiel wie man den Inhalt in allen Richtungen den gleichen Abstand gibt:
padding: ??px;
So könnt ihr die Abstände einzeln festlegen:
ROT: Legt den Abstand von Links fest
BLAU: Legt den Abstand von Rechts fest
GRÜN: Legt den Abstand von Oben fest
LILA: Legt den Abstand von Unten fest
padding-left: ??px;
padding-right: ??px;
padding-top: ??px;
padding-bottom: ??px;
padding-right: ??px;
padding-top: ??px;
padding-bottom: ??px;
Nun noch ein wichtiger Hinweiß:
Da ihr einem Container Padding gibt oben,unten,rechts und links ,
wird der Container dadurch auch breiter oder höher. Wenn ihr dem Container als Beispiel für alle Richtungen 10px Padding gibt, müsst ihr damit er genau so groß ist wie vorher, für jede Richtug
10px abziehen. Das heißt 20px weniger breit und 20px weniger hoch.