Propriété : Marge Inférieure
Usage:
margin-bottom: 10px;
margin-bottom: 10pt;
margin-bottom: 10%;
margin-bottom: auto;
Définition:
La plupart du temps, on aura besoin de créer une marge pour nos objets. Ceci va configurer la marge inférieure de l’objet.
Il se présente avec les valeurs suivantes.
a)pt : Vous pouvez configurer les valeurs en points. (exemple: 10pt ou 100pt).
b)px : Vous pouvez configurer les valeurs en pixels. (exemple: 10px ou 100px).
c)% : Vous pouvez configurer les valeurs en pourcentage. (exemple: 10% ou 100%).
d)auto : Ceci établira la marge automatique/par défaut.
Exemple 1:
<div style=" margin-bottom: 20px;">vérification de la marge inférieure</div>
Résultat:
vérification de la marge inférieure
Remarque : Vous pouvez constater que le texte s’est déplacé de 20 pixels par rapport à la marge inférieure.
Exemple 2:
<div style=" margin-bottom: 30pt;">vérification de la marge inférieure</div>
Résultat:
vérification de la marge inférieure
Remarque : Vous pouvez constater que le texte s’est déplacé de 30 points par rapport à la marge inférieure.
Exemple 3:
<div style=" margin-bottom: 10%;">vérification de la marge inférieure</div>
Résultat:
vérification de la marge inférieure
Remarque : Vous pouvez constater que le texte s’est déplacé de 10 pourcents par rapport à la marge inférieure.
Exemple 4:
<div style=" margin-bottom: auto;">vérification de la marge inférieure</div>
Résultat:
vérification de la marge inférieure
|