margin - CSS en Javascript

Définition du JS margin.

La propriétés Javascript margin CSS permet de spécifier en Javascript les quatre marges extérieures (droite, gauche, haute, basse).

oDomElement.style.margin = "50px 2em 3pt 1%";
oDomElement.style.margin = "auto";
oDomElement.style.margin = "50px 2%";

La propriété CSS margin renvoie une valeur de type String :

• 0px, par défaut pour la valeur calculée, mais cela dépendra aussi de l'élément et vide pour la valeur locale.
• ou la valeur calculée en px pour la valeur calculée ou la valeur spécifiée pour la valeur locale.

Exemple de code margin JS

Conditions d'application de la CSS margin.

La propriété Javascript margin s'applique dans les mêmes conditions que la propriété CSS margin.

Problème d'interprétation de margin en JS.

La valeur calculée retournée par défaut varie suivant l'élément, par exemple une balise P a par défaut une marge, alors d'une balise div n'en a pas.

Certains navigateurs ne renvoient pas une valeur calculée en px si l'unité passée est en %.

La valeur calculée retournée par défaut peut être vide suivant le navigateur. Dans ce cas vous devez aller voir les propriétés Javascript marginLeft, marginRight, marginBottom, marginTop.

Pour les problÚmes plus généraux non liés au Javascript, consultez la définition CSS de la propriété margin.

Infos complémentaires javascript margin

Valeur la plus courte

La valeur calculée retournée est toujours au format le plus court.

• oDomElement.style.margin = "50px 50px 50px 50px"; renvoie 50px.
• oDomElement.style.margin = "50px 12px 50px 12px"; renvoie 50px 12px.

Compatibilités navigateurs

Votre avis sur la définition margin en JS