Définition du JS backgroundPosition.
La propriétés Javascript backgroundPosition CSS permet de spécifier en Javascript en arrière plan une image de fond.
oDomElement.style.backgroundPosition = "right top";
oDomElement.style.backgroundPosition = "left center, 3em 5px";La propriété Javascript backgroundPosition CSS peut prendre toutes les valeurs de la propriété CSS background-position.
La propriété CSS backgroundPosition renvoie une valeur de type String :
- 0% 0% par défaut pour la valeur calculée et vide pour la valeur locale.
- ou une ou plusieurs valeurs calculées séparées par une virgule pour la valeur calculée ou la valeur spécifiée pour la valeur locale.
Si votre valeur est un mot clé
left, center, ect.. alors la valeur calculée renvoyé sera toujours en %.Si une de vos valeurs est suivie d'une unité de longueur autre % alors la valeur calculée renvoyée sera en px.
Exemple de code backgroundPosition JS
Conditions d'application de la CSS backgroundPosition.
La propriété Javascript backgroundPosition s'applique dans les mêmes conditions que la propriété CSS background-position.
Problème d'interprétation de backgroundPosition en JS.
La valeur retournée pour la valeur locale peut être transformée en % pour les mots clés sur certains navigateurs (08-2015).
Pour certain couple de mot clé par exemple left center, ce dernier est transformé en mot clé unique soit pour notre exemple left (08-2015).
Pour les problÚmes plus généraux non liés au Javascript, consultez la définition CSS de la propriété background-position.
Compatibilités navigateurs
- Détails des versions de la CSS backgroundPosition
- Propriété
backgroundPositionest compatible avec CSS2 et plus.
Votre avis sur la définition backgroundPosition en JS
Votez pour la définition CSS backgroundPosition
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 5 / 5 - 1
vote
Cliquez sur une étoile pour voter.