oujood.com

CSS La propriété : margin-right

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
..........

chercher |

CSS les marges extérieurs


Les propriétés CSS

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

Définition et utilisation:La propriété margin-right

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"

Valeurs de la propriété :margin-right

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

Exemple d'utilisation

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.

Plusieurs marges en même temps

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.

Attention

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.

Utilisation des classes

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.

Conclusion

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.




Par carabde 10 mars 2014

Voir aussi nos tutoriel :

Balise output

Définit le résultat d'un calcul

Balise ligne horiontalle hr

Définit un changement dans le contenu thématique

Appliquer un style à des balises en css

Apprendre le CSS rapidement et facilement en quelques leçons avec des exemples clairs....