Définit le résultat d'un calcul
La propriété de feuille de style css margin-right css permet de gérer la marge extérieure droite d'un élément HTML ou XHTML
..........
La propriété de feuille de style css margin-right css permet de gérer la marge extérieure droite d'un élément HTML ou XHTML
La propriété margin-right définie la marge extérieure droite d'un élément HTML.
Note: Les valeurs négatives sont autorisées.
Exemple : Copier le code
p { margin-right:5px; }
Valeurs par défaut | 0 |
---|---|
Inherited: | non |
Animable : | oui En savoir plus sur l'animable |
Version: | CSS1 |
Syntaxe JavaScript: | object.style.marginRight="10px" |
Valeur | Description |
---|---|
auto | l'explorateur calcule la marge automatiquement |
nombre | définie la marge en px ou cm |
% | un pourcentage de la largeur de lélément parent |
inherit | Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur |
La propriété CSS margin-right permet de définir la marge droite d'un élément HTML. Elle peut prendre des valeurs en unités absolues (px, cm, etc.) ou relatives (em, %).
Voici un exemple d'utilisation de la propriété margin-right :
Exemple : Copier le code
<div style="margin-right: 50px;"> Contenu de mon élément </div>
Ce code créera un élément div avec une marge droite de 50 pixels.
Il est également possible de définir plusieurs marges en même temps en utilisant la propriété margin :
Exemple : Copier le code
<div style="margin: 0 50px 0 0;"> Contenu de mon élément </div>
Ce code définit les marges supérieure et inférieure à 0, la marge gauche à 0 et la marge droite à 50 pixels. Les valeurs sont données dans l'ordre : haut, droite, bas, gauche.
Il est important de noter que les marges peuvent influencer la taille de l'élément et de ses voisins, il est donc conseillé de les utiliser avec précaution pour éviter des problèmes de mise en page.
Il est également possible d'utiliser les classes pour définir les propriétés CSS, cela permet de réutiliser facilement les styles sur différents éléments.
Exemple : Copier le code
<style> .maClasse{ margin-right: 50px; } </style> <div class="maClasse"> Contenu de mon élément </div>
En utilisant cette méthode, vous pouvez facilement appliquer la même propriété à plusieurs éléments en utilisant la même classe.
En résumé, la propriété CSS margin-right permet de définir la marge droite d'un élément HTML et peut être utilisée en combinaison avec d'autres propriétés de marge pour un contrôle plus fin de la mise en page. Il est important de noter que les marges peuvent avoir des conséquences sur la taille de l'élément et de ses voisins, il est donc important de les utiliser avec précaution. Il est également possible d'utiliser des classes pour définir les propriétés CSS, ce qui permet une réutilisation facile des styles sur différents éléments. En utilisant cette propriété avec soin, vous pouvez améliorer l'apparence de votre page web.