W3.CSS-Padding
w3-Polsterung-groß
Ich habe 12px obere und untere Polsterung und 24px linke und rechte Polsterung.
W3.CSS Padding-Nummernklassen
Die Klassen w3-padding- number fügen jedem HTML-Element eine obere und untere Auffüllung hinzu:
Klasse | Definiert |
---|---|
w3-Polsterung-16 | Fügt einem Element eine obere und untere 16-Pixel-Auffüllung hinzu |
w3-Polsterung-24 | Fügt einem Element eine obere und untere Polsterung von 24 Pixel hinzu |
w3-Polsterung-32 | Fügt einem Element eine obere und untere Polsterung von 32 Pixel hinzu |
w3-Polsterung-48 | Fügt einem Element eine obere und untere Polsterung von 48 Pixeln hinzu |
w3-Polsterung-64 | Fügt einem Element eine obere und untere Polsterung von 64 Pixel hinzu |
Beispiele:
w3-Polsterung-16
Ich habe 16px obere und untere Polsterung
w3-Polsterung-24
Ich habe 24px obere und untere Polsterung
w3-Polsterung-32
Ich habe 32px obere und untere Polsterung
w3-Polsterung-48
Ich habe 48px obere und untere Polsterung
w3-Polsterung-64
Ich habe 64px obere und untere Polsterung
Beispiel
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Polsterungsgrößenklassen
Die Klassen w3-padding- size fügen jedem HTML-Element eine obere, untere, rechte und linke Auffüllung hinzu:
Klasse | Definiert |
---|---|
w3-Polsterung | Fügt 8 Pixel oben und unten und 16 Pixel links und rechts hinzu |
w3-Polsterung-klein | Fügt 4 Pixel oben und unten und 8 Pixel links und rechts hinzu |
w3-Polsterung-groß | Fügt 12 Pixel oben und unten und 24 Pixel links und rechts hinzu |
Beispiele:
w3-Polsterung-klein
Ich habe 4 Pixel obere und untere Polsterung und 8 Pixel linke und rechte Polsterung.
w3-Polsterung
Ich habe 8 Pixel obere und untere Polsterung und 16 Pixel linke und rechte Polsterung.
w3-Polsterung-groß
Ich habe 12px obere und untere Polsterung und 24px linke und rechte Polsterung.
Beispiel
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>