Preenchimento W3.CSS
w3-padding-grande
Eu tenho preenchimento superior e inferior de 12px e preenchimento esquerdo e direito de 24px.
Classes de números de preenchimento W3.CSS
As classes w3-padding- number adicionam preenchimento superior e inferior a qualquer elemento HTML:
Classe | Define |
---|---|
w3-preenchimento-16 | Adiciona preenchimento superior e inferior de 16px a um elemento |
w3-preenchimento-24 | Adiciona preenchimento superior e inferior de 24px a um elemento |
w3-preenchimento-32 | Adiciona preenchimento superior e inferior de 32px a um elemento |
w3-preenchimento-48 | Adiciona preenchimento superior e inferior de 48px a um elemento |
w3-preenchimento-64 | Adiciona preenchimento superior e inferior de 64px a um elemento |
Exemplos:
w3-preenchimento-16
Eu tenho preenchimento superior e inferior de 16px
w3-preenchimento-24
Eu tenho preenchimento superior e inferior de 24px
w3-preenchimento-32
Eu tenho preenchimento superior e inferior de 32px
w3-preenchimento-48
Eu tenho preenchimento superior e inferior de 48px
w3-preenchimento-64
Eu tenho preenchimento superior e inferior de 64px
Exemplo
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
Classes de tamanho de preenchimento W3.CSS
As classes w3-padding- size adicionam preenchimento superior, inferior, direito e esquerdo a qualquer elemento HTML:
Classe | Define |
---|---|
w3-preenchimento | Adiciona 8px superior e inferior e 16px de preenchimento esquerdo e direito |
w3-preenchimento-pequeno | Adiciona 4px superior e inferior e 8px de preenchimento esquerdo e direito |
w3-padding-grande | Adiciona 12px superior e inferior e 24px de preenchimento esquerdo e direito |
Exemplos:
w3-preenchimento-pequeno
Eu tenho preenchimento superior e inferior de 4px e preenchimento esquerdo e direito de 8px.
w3-preenchimento
Eu tenho preenchimento superior e inferior de 8px e preenchimento esquerdo e direito de 16px.
w3-padding-grande
Eu tenho preenchimento superior e inferior de 12px e preenchimento esquerdo e direito de 24px.
Exemplo
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>