Remplissage W3.CSS


w3-padding-large

J'ai un rembourrage supérieur et inférieur de 12 pixels et un rembourrage gauche et droit de 24 pixels.


Classes de numéros de remplissage W3.CSS

Les classes w3-padding- number ajoutent un rembourrage supérieur et inférieur à n'importe quel élément HTML :

Classer Définit
w3-padding-16 Ajoute un rembourrage supérieur et inférieur de 16 pixels à un élément
w3-padding-24 Ajoute un rembourrage supérieur et inférieur de 24 pixels à un élément
w3-padding-32 Ajoute un rembourrage supérieur et inférieur de 32 pixels à un élément
w3-rembourrage-48 Ajoute un rembourrage supérieur et inférieur de 48 pixels à un élément
w3-padding-64 Ajoute un rembourrage supérieur et inférieur de 64 pixels à un élément

Exemples:

w3-padding-16

J'ai un rembourrage supérieur et inférieur de 16px

w3-padding-24

J'ai un rembourrage supérieur et inférieur de 24px

w3-padding-32

J'ai un rembourrage supérieur et inférieur de 32px

w3-rembourrage-48

J'ai un rembourrage supérieur et inférieur de 48px

w3-padding-64

J'ai un rembourrage supérieur et inférieur de 64px

Exemple

<div class="w3-panel w3-padding-16">
  <p>I have 16px top and bottom padding.</p>
</div>


Classes de taille de rembourrage W3.CSS

Les classes w3-padding- size ajoutent un rembourrage supérieur, inférieur, droit et gauche à n'importe quel élément HTML :

Classer Définit
rembourrage w3 Ajoute 8 pixels en haut et en bas et 16 pixels de rembourrage à gauche et à droite
w3-rembourrage-petit Ajoute 4 pixels en haut et en bas et 8 pixels de rembourrage à gauche et à droite
w3-padding-large Ajoute 12 pixels en haut et en bas et 24 pixels de rembourrage à gauche et à droite

Exemples:

w3-rembourrage-petit

J'ai un rembourrage supérieur et inférieur de 4px et un rembourrage gauche et droit de 8px.

rembourrage w3

J'ai un rembourrage supérieur et inférieur de 8px et un rembourrage gauche et droit de 16px.

w3-padding-large

J'ai un rembourrage supérieur et inférieur de 12 pixels et un rembourrage gauche et droit de 24 pixels.

Exemple

<div class="w3-panel w3-padding-large">
  <p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>