Attribut MARGIN-RIGHT

Rôle

L’attribut margin-right permet d’appliquer une marge à droite de l’élément HTML.

Version : CSS1

Héritage (inherit) : non

Propriété Javascript : element.style.marginRight

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

div{
  float: left
  width: 300px;
  margin-right: 20px;
  background-color: silver;
}

– Le code HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, suscipit! Culpa mollitia quae quo architecto corrupti vitae, laboriosam distinctio, ex aperiam odio quam officia perferendis voluptate. Debitis nihil excepturi culpa!</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, suscipit! Culpa mollitia quae quo architecto corrupti vitae, laboriosam distinctio, ex aperiam odio quam officia perferendis voluptate. Debitis nihil excepturi culpa!</div>

Résultat

Compatibilité

L’attribut margin-right est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut margin-right sont:

auto

Le navigateur calcule une marge automatiquement .
Syntaxe :
margin-right : auto

length

Définit une valeur en px, pt, cm, em.
Syntaxe :
margin-right : 20px

pourcentage

Définit une valeur en pourcentage par rapport à l’élément parent.
Syntaxe :
margin-right : 30%

initial

Défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité.
Syntaxe :
margin-right : initial

inherit

Hérite de la même propriété que l’élément parent.
Syntaxe :
margin-right : inherit

A voir aussi

box-sizing– clip– height– width– padding– overflow– min-width– outline resize