W3.Dopełnienie CSS
w3-padding-duży
Mam 12px górny i dolny padding oraz 24px lewy i prawy padding.
W3.CSS Klasy numerów dopełnienia
Klasy w3 padding- number dodają górne i dolne dopełnienie do dowolnego elementu HTML:
Klasa | Definiuje |
---|---|
w3-dopełnienie-16 | Dodaje 16px górną i dolną wyściółkę do elementu |
w3-wypełnienie-24 | Dodaje do elementu górne i dolne wypełnienie 24px |
w3-dopełnienie-32 | Dodaje dopełnienie górne i dolne 32px do elementu |
w3-dopełnienie-48 | Dodaje 48px górną i dolną wyściółkę do elementu |
w3-dopełnienie-64 | Dodaje 64px górną i dolną wyściółkę do elementu |
Przykłady:
w3-dopełnienie-16
Mam 16px górną i dolną wyściółkę
w3-wypełnienie-24
Mam wyściółkę górną i dolną 24px
w3-dopełnienie-32
Mam górną i dolną wyściółkę 32px
w3-dopełnienie-48
Mam 48px górną i dolną wyściółkę
w3-dopełnienie-64
Mam górną i dolną wyściółkę 64px
Przykład
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Klasy wielkości wypełnienia
Klasy w3 padding- size dodają górne, dolne, prawe i lewe dopełnienie do dowolnego elementu HTML:
Klasa | Definiuje |
---|---|
w3-wypełnienie | Dodaje 8px górny i dolny oraz 16px lewy i prawy dopełnienie |
w3-padding-mały | Dodaje 4px górny i dolny oraz 8px lewy i prawy dopełnienie |
w3-padding-duży | Dodaje 12px górny i dolny oraz 24px lewy i prawy dopełnienie |
Przykłady:
w3-padding-mały
Mam 4px górny i dolny padding oraz 8px lewy i prawy padding.
w3-wypełnienie
Mam 8px górny i dolny padding oraz 16px lewy i prawy padding.
w3-padding-duży
Mam 12px górny i dolny padding oraz 24px lewy i prawy padding.
Przykład
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>