Výplň W3.CSS
w3-padding-large
Mám 12px horní a spodní výplň a 24px výplň vlevo a vpravo.
W3.CSS Výplňové číselné třídy
Třídy w3-padding- number přidávají horní a spodní odsazení do libovolného prvku HTML:
| Třída | Definuje |
|---|---|
| w3-padding-16 | Přidá k prvku horní a spodní odsazení o velikosti 16 pixelů |
| w3-padding-24 | Přidá k prvku horní a spodní odsazení o velikosti 24 pixelů |
| w3-padding-32 | Přidá k prvku horní a spodní odsazení o velikosti 32 pixelů |
| w3-padding-48 | Přidá k prvku horní a spodní odsazení o velikosti 48 pixelů |
| w3-padding-64 | Přidá k prvku horní a spodní odsazení o velikosti 64 pixelů |
Příklady:
w3-padding-16
Mám 16px horní a spodní polstrování
w3-padding-24
Mám 24px horní a spodní polstrování
w3-padding-32
Mám 32px horní a spodní polstrování
w3-padding-48
Mám 48px horní a spodní polstrování
w3-padding-64
Mám 64px horní a spodní polstrování
Příklad
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Třídy velikosti výplně
Třídy velikosti w3-padding- přidávají horní, dolní, pravé a levé odsazení do libovolného prvku HTML:
| Třída | Definuje |
|---|---|
| w3-vycpávka | Přidá 8px horní a spodní a 16px levé a pravé odsazení |
| w3-padding-small | Přidá 4px horní a dolní a 8px levé a pravé odsazení |
| w3-padding-large | Přidá 12px horní a dolní a 24px levé a pravé odsazení |
Příklady:
w3-padding-small
Mám 4px horní a spodní výplň a 8px výplň vlevo a vpravo.
w3-vycpávka
Mám 8px horní a spodní výplň a 16px výplň vlevo a vpravo.
w3-padding-large
Mám 12px horní a spodní výplň a 24px výplň vlevo a vpravo.
Příklad
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>