Relleno W3.CSS
w3-relleno-grande
Tengo un relleno superior e inferior de 12 px y un relleno izquierdo y derecho de 24 px.
Clases de número de relleno W3.CSS
Las clases w3-padding- number agregan relleno superior e inferior a cualquier elemento HTML:
Clase | define |
---|---|
w3-relleno-16 | Agrega un relleno superior e inferior de 16px a un elemento |
w3-relleno-24 | Agrega un relleno superior e inferior de 24px a un elemento |
w3-relleno-32 | Agrega un relleno superior e inferior de 32 px a un elemento |
w3-relleno-48 | Agrega un relleno superior e inferior de 48px a un elemento |
w3-relleno-64 | Agrega un relleno superior e inferior de 64px a un elemento |
Ejemplos:
w3-relleno-16
Tengo un relleno superior e inferior de 16px
w3-relleno-24
Tengo un relleno superior e inferior de 24px
w3-relleno-32
Tengo un relleno superior e inferior de 32px
w3-relleno-48
Tengo un relleno superior e inferior de 48px
w3-relleno-64
Tengo un relleno superior e inferior de 64px
Ejemplo
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSS Clases de tamaño de relleno
Las clases w3-padding- size agregan relleno superior, inferior, derecho e izquierdo a cualquier elemento HTML:
Clase | define |
---|---|
w3-relleno | Agrega 8 px arriba y abajo, y 16 px de relleno izquierdo y derecho |
w3-relleno-pequeño | Agrega 4px arriba y abajo, y 8px de relleno izquierdo y derecho |
w3-relleno-grande | Agrega 12 px arriba y abajo, y 24 px de relleno izquierdo y derecho |
Ejemplos:
w3-relleno-pequeño
Tengo un relleno superior e inferior de 4px y un relleno izquierdo y derecho de 8px.
w3-relleno
Tengo un relleno superior e inferior de 8px y un relleno izquierdo y derecho de 16px.
w3-relleno-grande
Tengo un relleno superior e inferior de 12 px y un relleno izquierdo y derecho de 24 px.
Ejemplo
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>