Latest web development tutorials

Marge de CSS (Marge)

CSS Margin (marge) propriété définit l'espace autour des éléments.

marge

marge nette autour des éléments (en dehors des frontières) zone. Cm couleur de fond est complètement transparent

La marge peut être modifiée sur des éléments individuels, en bas, marges gauche et droite. Vous pouvez également changer une fois que toutes les propriétés.

Les valeurs possibles

valeur explication
auto Définissez vos marges de navigateur.
Le résultat dépend du navigateur
longueur Définir une marge fixe (en utilisant le pixel, pt, em, etc.)
% Défini en utilisant une marge de pourcentage

remarque La marge peut utiliser le contenu de chevauchement négatif.

<H2Margin - propriété de marge unilatérale

En CSS, il peut spécifier un côté différent des marges différentes:

Exemples

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Essayez »

Marge - propriété raccourcie

Pour raccourcir le code, il est possible d'utiliser toutes les propriétés de marge dans une propriété marge spécifiée. Ceci est appelé un raccourci.

propriété Raccourci pour toutes les propriétés de marge est «marge»:

Exemples

margin:100px 50px;

Essayez »

propriété de marge peut avoir une à quatre valeurs. / P>

  • margin: 25px 50px 75px 100px;
    • En marge de 25px
    • Marge de droite à 50px
    • La marge inférieure est 75px
    • Marge gauche de 100px

  • margin: 25px 50px 75px;
    • En marge de 25px
    • Marges gauche et droite à 50px
    • La marge inférieure est 75px

  • margin: 25px 50px;
    • les marges supérieure et inférieure à 25px
    • Marges gauche et droite à 50px

  • margin: 25px;
    • Les quatre marges sont 25px
Exemples

D'autres exemples

Les paramètres de marges sur le texte en utilisant une valeur cm
Cet exemple montre comment configurer une valeur de texte centimètres de la marge supérieure.

Définir le texte en utilisant la valeur du pourcentage de la marge inférieure
Cet exemple illustre comment mettre en place à l'aide d'un pourcentage de la valeur de la marge inférieure par rapport à la largeur de l'élément conteneur.

Toutes les propriétés de marge CSS

propriété description
marge propriété sténographie. Définissez toutes les propriétés de marge dans une déclaration.
margin-bottom Réglage de l'extérieur d'un élément.
margin-left L'élément dans la marge gauche.
margin-right L'élément de la marge de droite.
margin-top Element est situé sur la marge.