positionnement des 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
identique à celle du conteneur
de
taille
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
Horizontalement (Mosaïcage en x)
Répétée
<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