La propriété CSS background-position permet de modifier la position de l’image d’arrière plan des éléments sur lesquels elle est appliquée.
body {
background-position:10px 20px;
}
ou
body {
background-position:top center;
}
Elle permet de modifier la position de l’image d’arrière plan, ici appliquée au corps de la page HTML.
Elle prend en paramètre soit des valeurs en pixel soit des positions telles que left, center, right,…
La première valeur correspond au placement horizontal, et la deuxième au placement vertical.
Exemple :
<p style="background-position: top center; background-image:url(http://www.web-petit.com/wp-content/uploads/2010/07/background-ressource-example.png); background-repeat:repeat-y;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit. </p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.