CSS - posizione dello sfondo

Descrizione

Imposta la posizione iniziale dell'immagine di sfondo dell'elemento, se specificato; i valori normalmente sono accoppiati per fornire posizioni x, y; la posizione predefinita è 0% 0%.

Possibili valori

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

Si applica a

elementi a livello di blocco e sostituiti

Sintassi DOM

object.style.backgroundPosition = "10 30";

Esempio

Di seguito è riportato l'esempio che mostra come impostare la posizione dell'immagine di sfondo a 100 pixel dal lato sinistro.

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

Di seguito è riportato l'esempio che mostra come impostare la posizione dell'immagine di sfondo a 100 pixel dal lato sinistro e 200 pixel verso il basso dall'alto.

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

Produrrà il seguente risultato: