CSS - position d'arrière-plan

La description

Définit la position initiale de l'image d'arrière-plan de l'élément, si spécifié; les valeurs sont normalement appariées pour fournir des positions x, y; la position par défaut est 0% 0%.

Valeurs possibles

  • percent
  • none
  • length
  • top
  • center
  • bottom
  • left
  • right

S'applique à

au niveau du bloc et éléments remplacés

Syntaxe DOM

object.style.backgroundPosition = "10 30";

Exemple

Voici l'exemple qui montre comment définir la position de l'image d'arrière-plan à 100 pixels du côté gauche.

<table style = "background-image:url(/images/pattern1.gif); background-position:100px;">
   <tr>
      <td>
         Background image positioned 100 pixels away from the left.
      </td>
   </tr>
</table>

Voici l'exemple qui montre comment définir la position de l'image d'arrière-plan à 100 pixels du côté gauche et à 200 pixels du haut.

<html>
   <head>
   </head>

   <body>
      <p style = "background-image:url(/css/images/logo.png); background-position:100px 200px;">
         The background image positioned 100 pixels away from the 
         left and 200  pixels from the top.up
      </p>
   </body>
</html>

Il produira le résultat suivant -