Propriété CSS margin-right

La propriété margin-right est utilisée pour définir la taille de la marge droite de l'élément.

INFO

Les valeurs négatives sont autorisées.

Valeur initiale	0
S'applique à	Tous les éléments. S'applique également à ::first-letter.
Héritée	Non.
Animable	Oui. La marge droite de l'élément est animable.
Version	CSS2
Syntaxe DOM	object.style.marginRight = "50px";

Syntaxe

Syntaxe de la propriété CSS margin-right

css

margin-right: length | auto | initial | inherit;

Exemple de la propriété margin-right :

Exemple de la propriété CSS margin-right avec une valeur en px

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .right {
        margin-right: 400px;
      }
    </style>
  </head>
  <body>
    <h2>Margin-right property example</h2>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <p class="right">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  </body>
</html>

Try it Yourself »

Résultat

CSS margin-right Property

Exemple de la propriété margin-right spécifiée en "%" :

Exemple de la propriété CSS margin-right avec une valeur en %

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .right {
        margin-right: 50%;
      }
    </style>
  </head>
  <body>
    <h2>Margin-right property example</h2>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <p class="right">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  </body>
</html>

Try it Yourself »

Exemple de la propriété margin-right avec la valeur "auto" :

Exemple de la propriété margin-right avec la valeur "auto" :

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .right {
        margin-right: auto;
      }
    </style>
  </head>
  <body>
    <h2>Margin-right property example</h2>
    <p>
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    </p>
    <p class="right">
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    </p>
  </body>
</html>

Try it Yourself »

Valeurs

Valeur	Description	Tester »
auto	Définit la marge droite. C'est la valeur par défaut de cette propriété.	Tester »
length	Définit une marge droite en px, pt, cm, etc. La valeur par défaut est 0.	Tester »
%	Définit la marge droite en % de l'élément contenant.	Tester »
initial	Fait utiliser à la propriété sa valeur par défaut.	Tester »
inherit	Hérite la propriété de son élément parent.

Pratique

Que fait la propriété CSS 'margin-right' ?

Elle définit la marge droite d'un élément.Elle définit le padding droit d'un élément.Elle est utilisée pour centrer le texte dans un élément.Elle peut prendre des valeurs telles que 'auto', une longueur ou un pourcentage.Elle ne peut pas prendre de valeurs négatives.

Propriété CSS margin-right ​

Syntaxe ​

Exemple de la propriété margin-right : ​

Résultat ​

Exemple de la propriété margin-right spécifiée en "%" : ​

Exemple de la propriété margin-right avec la valeur "auto" : ​

Valeurs ​

Pratique ​

Propriété CSS margin-right

Syntaxe

Exemple de la propriété margin-right :

Résultat

Exemple de la propriété margin-right spécifiée en "%" :

Exemple de la propriété margin-right avec la valeur "auto" :

Valeurs

Pratique