Propriété CSS margin-right

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

Valeurs négatives sont autorisées.
Valeur initiale 0
Appliquée à Tous les éléments. Elle est aussi appliquée au pseudo-élément ::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";

Syntax

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

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      .right {
      margin-right: 400px;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété margin-right</h2>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
    <p class="right">Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
  </body>
</html>

Exemple, dans lequel la marge droite est spécifiée par "%":

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      .right { margin-right: 50%;}
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété margin-right</h2>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
    <p class="right">Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
  </body>
</html>

Valeurs

Valeur Description
auto Définit la marge droite. C'est la valeur initiale de cette propriété.
length Définit une marge droite en px, pt, cm, etc. Valeur initiale est 0.
% Définit la marge droite en % de l'élément contenu.
initial Fait utiliser sa valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

1.0+ 1.0+ 1.0+ 3.5+


Trouvez-vous cela utile?

Articles Associées