Les images d'arrière-plan

Positionnement des images d'arrière-plan

Positionnement par défaut

<p style ="background-image : url(ImgAP/Bleriot.gif);">

Forme condensée : <p style ="background : url(ImgAP/Bleriot.gif);">

Affichage par Défaut
Image d'Arrière-Plan Bleriot.gif de taille identique à celle du conteneur

Mosaïcage

<p style ="background-image : url(ImgAP/Spitfire.jpg);">

Forme condensée : <p style ="background : url(ImgAP/Spitfire.jpg);">

Mosaïcage par Défaut

Image d'Arrière-Plan Spitfire.jpg plus petite que le conteneur et Répétée en x et en y

<p style ="background-image : url(ImgAP/Spitfire.jpg); background-repeat : repeat-x; ">

Forme condensée : <p style ="background : url(ImgAP/Spitfire.jpg) repeat-x;">

Image d'Arrière-Plan Spitfire.jpg Répétée Horizontalement (Mosaïcage en x)

<p style ="background-image : url(ImgAP/Spitfire.jpg); background-repeat : repeat-y; ">

Forme condensée : <p style ="background : url(ImgAP/Spitfire.jpg) repeat-y;">

Image d'Arrière-Plan Spitfire.jpg Répétée Verticalement (Mosaïcage en y)

<p style ="background-image : url(ImgAP/Spitfire.jpg); background-repeat : no-repeat; ">

Forme condensée : <p style ="background : url(ImgAP/Spitfire.jpg) no-repeat;">

Image d'Arrière-Plan Spitfire.jpg non Répétée

Décalage

<p style ="background-image : url(ImgAP/Dornier.jpg); background-position : 100px 80px; ">

Forme condensée : <p style ="background : url(ImgAP/Dornier.jpg) 100px 80px;">

Image d'Arrière-Plan Dornier.jpg avec Décalage Positif et Répétée par Défaut (Mosaïcage)

<p style ="background-image : url(ImgAP/Dornier.jpg); background-repeat : no-repeat;
background-position : 100px 80px; ">

Forme condensée : <p style ="background : url(ImgAP/Dornier.jpg) no-repeat 100px 80px;">

Image d'Arrière-Plan Dornier.jpg non Répétée (pas de Mosaïcage) et avec Décalage Positif

<p style ="background-image : url(ImgAP/Dornier.jpg); background-repeat : no-repeat;
background-position : -100px -100px; ">

Forme condensée : <p style ="background : url(ImgAP/Dornier.jpg) no-repeat -100px -100px;">

Image d'Arrière-Plan Dornier.jpg non Répétée et avec Décalage Négatif

<p style ="background-image : url(ImgAP/Fokker.jpg); background-repeat : no-repeat;
background-position : 180px 100px; background-color : #78A839">

Forme condensée : <p style ="background : url(ImgAP/Fokker.jpg) no-repeat 180px 100px #78A839;">

Image d'Arrière-Plan Fokker.jpg non Répétée, avec Décalage Positif et Couleur d'Arrière-Plan