W3.CSS Padding
w3-opvulling-groot
Ek het 12px boonste en onderste vulling en 24px linker en regter vulling.
W3.CSS Opvulling Getalklasse
Die w3-padding-nommerklasse voeg boonste en onderste vulling by enige HTML-element:
Klas | Definieer |
---|---|
w3-opvulling-16 | Voeg 16px bo- en ondervulling by 'n element |
w3-opvulling-24 | Voeg 24px bo- en ondervulling by 'n element |
w3-opvulling-32 | Voeg 32px bo- en ondervulling by 'n element |
w3-opvulling-48 | Voeg 48px bo- en ondervulling by 'n element |
w3-padding-64 | Voeg 64px bo- en ondervulling by 'n element |
Voorbeelde:
w3-opvulling-16
Ek het 16px bo- en onderopvulling
w3-opvulling-24
Ek het 24px bo- en onderopvulling
w3-opvulling-32
Ek het 32px bo- en onderopvulling
w3-opvulling-48
Ek het 48px bo- en onderopvulling
w3-padding-64
Ek het 64px bo- en onderopvulling
Voorbeeld
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Padding Grootte Klasse
Die w3-opvulling- grootte klasse voeg bo-, onder-, regter- en linkeropvulling by enige HTML-element:
Klas | Definieer |
---|---|
w3-vulling | Voeg 8px bo en onder, en 16px linker- en regtervulling by |
w3-padding-klein | Voeg 4px bo en onder, en 8px linker- en regtervulling by |
w3-opvulling-groot | Voeg 12px bo en onder, en 24px linker- en regtervulling by |
Voorbeelde:
w3-padding-klein
Ek het 4px bo- en onderopvulling en 8px linker- en regtervulling.
w3-vulling
Ek het 8px bo- en onderopvulling en 16px linker- en regtervulling.
w3-opvulling-groot
Ek het 12px boonste en onderste vulling en 24px linker en regter vulling.
Voorbeeld
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>