CSS Tutoriel





english Español 中文 Deutsch Portuguese Japanese nederlands
   
 
CSS Sujets
Introduction
Types
Background Propriétés
Propriétés du Texte
Propriétés de Police
Boîte Propriétés
Propriétés de la Frontière
Marge Propriétés
Rembourrages Propriétés
Special Topics
Demandez à vos Doutes
Feedback
 



Commentaires sur cette page



Nom
Mail
Réaction
  

 



Marge Inférieure CSS


Tutoriels »css »

Sujet

Configurer la marge inférieure html avec la feuille de style.



Explication


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








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.


Autres liens

web hosting