Marge Inférieure CSS
Configurer la marge inférieure html avec la feuille de style.
Explication
Propriété :
Marge InférieureUsage:
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
A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.
Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.