Imbottitura W3.CSS
w3-imbottitura-grande
Ho un'imbottitura superiore e inferiore di 12px e un'imbottitura sinistra e destra di 24px.
Classi di numeri di riempimento W3.CSS
Le classi w3-padding- number aggiungono il riempimento superiore e inferiore a qualsiasi elemento HTML:
Classe | Definisce |
---|---|
w3-imbottitura-16 | Aggiunge un riempimento superiore e inferiore di 16px a un elemento |
w3-imbottitura-24 | Aggiunge un'imbottitura superiore e inferiore di 24 pixel a un elemento |
w3-imbottitura-32 | Aggiunge un'imbottitura superiore e inferiore di 32px a un elemento |
w3-imbottitura-48 | Aggiunge un'imbottitura superiore e inferiore di 48px a un elemento |
w3-imbottitura-64 | Aggiunge un riempimento superiore e inferiore di 64px a un elemento |
Esempi:
w3-imbottitura-16
Ho un'imbottitura superiore e inferiore di 16px
w3-imbottitura-24
Ho un'imbottitura superiore e inferiore di 24px
w3-imbottitura-32
Ho un'imbottitura superiore e inferiore di 32px
w3-imbottitura-48
Ho un'imbottitura superiore e inferiore di 48px
w3-imbottitura-64
Ho un'imbottitura superiore e inferiore di 64px
Esempio
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
Classi di dimensioni del riempimento W3.CSS
Le classi w3-padding- size aggiungono il riempimento superiore, inferiore, destro e sinistro a qualsiasi elemento HTML:
Classe | Definisce |
---|---|
imbottitura w3 | Aggiunge 8px in alto e in basso e 16px di riempimento sinistro e destro |
w3-padding-small | Aggiunge 4px in alto e in basso e 8px di riempimento sinistro e destro |
w3-imbottitura-grande | Aggiunge 12px in alto e in basso e 24px di riempimento sinistro e destro |
Esempi:
w3-padding-small
Ho un'imbottitura superiore e inferiore di 4px e un'imbottitura sinistra e destra di 8px.
imbottitura w3
Ho un'imbottitura superiore e inferiore di 8px e un'imbottitura sinistra e destra di 16px.
w3-imbottitura-grande
Ho un'imbottitura superiore e inferiore di 12px e un'imbottitura sinistra e destra di 24px.
Esempio
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>