W3.CSS-vulling
w3-vulling-groot
Ik heb 12px boven- en ondervulling en 24px links en rechts opvulling.
W3.CSS Padding Nummer Klassen
De w3-padding- number klassen voegen boven- en onderopvulling toe aan elk HTML-element:
| Klas | definieert |
|---|---|
| w3-vulling-16 | Voegt 16px boven- en ondervulling toe aan een element |
| w3-vulling-24 | Voegt 24px opvulling aan de boven- en onderkant toe aan een element |
| w3-opvulling-32 | Voegt 32px boven- en ondervulling toe aan een element |
| w3-vulling-48 | Voegt 48px boven- en ondervulling toe aan een element |
| w3-vulling-64 | Voegt 64px boven- en ondervulling toe aan een element |
Voorbeelden:
w3-vulling-16
Ik heb 16px boven- en ondervulling
w3-vulling-24
Ik heb 24px boven- en ondervulling
w3-opvulling-32
Ik heb 32px boven- en ondervulling
w3-vulling-48
Ik heb 48px boven- en ondervulling
w3-vulling-64
Ik heb 64px boven- en ondervulling
Voorbeeld
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Padding Maatklassen
De klassen w3-padding- size voegen een boven-, onder-, rechter- en linkeropvulling toe aan elk HTML-element:
| Klas | definieert |
|---|---|
| w3-vulling | Voegt 8px boven en onder toe, en 16px links en rechts opvulling |
| w3-padding-small | Voegt 4px boven en onder toe, en 8px links en rechts opvulling |
| w3-vulling-groot | Voegt 12px boven en onder toe, en 24px links en rechts opvulling |
Voorbeelden:
w3-padding-small
Ik heb 4px boven- en ondervulling en 8px links en rechts opvulling.
w3-vulling
Ik heb 8px boven- en ondervulling en 16px links en rechts opvulling.
w3-vulling-groot
Ik heb 12px boven- en ondervulling en 24px links en rechts opvulling.
Voorbeeld
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>