Les images de fond avec CSS

En CSS la gestion des images de fond dépend des règles suivantes :

• background-image : on donne l'url de l'image en question, soit sous la forme d'un lien internet soit sous la form d'une adresse relative ou absolue ;
• background-attachement : gère la façon dont l'image est liée à la page. Par défaut l'image de fond scrolle en même temps que la page web. Avec la valeur fixed, reste fixe ;
• background-repeat : gère la manière dont l'image est répétée. Par défaut elle est répétée aussi bien en largeur qu'en hauteur, mais la valeur no-repeat ne laisse qu'une image unique;
• background-size : gère la taille de l'image. On peut la régler en pourcentage de la taille de l'écran. background-size : 100%; donne une image étirée à 100% de la largeur de l'écran, alors que background-size : 100% 100%; étire l'image à 100% de la largeur et de la hauteur.

Plus d'informations sont disponible sur le lienMDN Web Docs.