CSS
Polsterung
Suche…
Syntax
- Polsterung: Länge | initial | erben | unset;
- padding-top: länge | initial | erben | unset;
- Polsterung rechts: Länge | initial | erben | unset;
- Polsterung unten: Länge | initial | erben | unset;
- Abfüllung links: Länge | initial | erben | unset;
Bemerkungen
1 : https://developer.mozilla.org/de/docs/Web/CSS/padding MDN
Siehe auch diese Frage : "Warum unterstützt CSS keine negative Auffüllung?" und seine Antworten.
Bitte berücksichtigen Sie auch das Box-Modell, wenn Sie die Polsterung verwenden. Abhängig von der Größe der Boxgröße kann die Auffüllung eines Elements die zuvor definierte Höhe / Breite eines Elements erhöhen oder nicht.
Verwandte Eigenschaften:
Das Auffüllen von Inline-Elementen wird aufgrund der inhärenten Anzeigeeigenschaften von Inline-Elementen nur links und rechts des Elements und nicht oben und unten angewendet.
Auffüllen einer bestimmten Seite
Die Eigenschaft padding legt den Abstand auf allen Seiten eines Elements fest. Der Auffüllbereich ist der Abstand zwischen dem Inhalt des Elements und seinem Rand. Negative Werte sind nicht zulässig.
Sie können eine Seite einzeln angeben:
-
padding-top -
padding-right -
padding-bottom -
padding-left
Der folgende Code würde eine Auffüllung von 5px am oberen 5px des div hinzufügen:
<style>
.myClass {
padding-top: 5px;
}
</style>
<div class="myClass"></div>
Padding-Kürzel
Die Eigenschaft padding legt den Abstand auf allen Seiten eines Elements fest. Der Auffüllbereich ist der Abstand zwischen dem Inhalt des Elements und seinem Rand. Negative Werte sind nicht zulässig.
Um das Hinzufügen von Padding zu jeder Seite einzeln zu speichern ( padding-top , padding-left usw.), können Sie es wie folgt als Abkürzung schreiben:
Vier Werte :
<style>
.myDiv {
padding: 25px 50px 75px 100px; /* top right bottom left; */
}
</style>
<div class="myDiv"></div>
Drei Werte :
<style>
.myDiv {
padding: 25px 50px 75px; /* top left/right bottom */
}
</style>
<div class="myDiv"></div>
Zwei Werte :
<style>
.myDiv {
padding: 25px 50px; /* top/bottom left/right */
}
</style>
<div class="myDiv"></div>
Ein Wert :
<style>
.myDiv {
padding: 25px; /* top/right/bottom/left */
}
</style>
<div class="myDiv"></div>
