19. Arrière-plans et images de fond
Gardez à l’esprit qu’il faut séparer le contenu de la présentation : Certaines images sont essentielles à la navigation et à la compréhension du document. Le CSS n’est alors d’aucune utilité.
propriétés à connaître :
• background-color
change la couleur de fond.
• background-image
associe une image de fond à l’élément sur lequel elle porte. Pour mettre en place une image d’arrière-plan valable pour tout le document, on la placera sous la balise <body>. Par défaut, l’image sera répétée en damier à partir du coin supérieur gauche. On peut toutefois modifier ce comportement en jouant sur les attributs CSS de la propriété background.
• background-position
permet de placer dans un élément une image d’arrière-plan définie par background-image. Cet attribut s’utilise surtout en l’absence de répétition (background-repeat). La valeur par défaut est center (50%). Les nombres négatifs sont autorisés. Il est interdit de mêler valeurs relatives et absolues (dans le cas de positions). Les valeurs relatives sont des pourcentages calculés par rapport aux dimensions de l’image.
• background-repeat
permet de modifier la valeur par défaut, mosaïque.
• background-attachment
permet de fixer une image d’arrière-plan par rapport à la fenêtre du navigateur.
change la couleur de fond.
• background-image
associe une image de fond à l’élément sur lequel elle porte. Pour mettre en place une image d’arrière-plan valable pour tout le document, on la placera sous la balise <body>. Par défaut, l’image sera répétée en damier à partir du coin supérieur gauche. On peut toutefois modifier ce comportement en jouant sur les attributs CSS de la propriété background.
• background-position
permet de placer dans un élément une image d’arrière-plan définie par background-image. Cet attribut s’utilise surtout en l’absence de répétition (background-repeat). La valeur par défaut est center (50%). Les nombres négatifs sont autorisés. Il est interdit de mêler valeurs relatives et absolues (dans le cas de positions). Les valeurs relatives sont des pourcentages calculés par rapport aux dimensions de l’image.
• background-repeat
permet de modifier la valeur par défaut, mosaïque.
• background-attachment
permet de fixer une image d’arrière-plan par rapport à la fenêtre du navigateur.
N'oubliez pas de consulter l'article sur les propriétés de formatage de texte !
accéder à l'article suivant
Publicité