Niveau : Débutant

Arrière-plans avec CSS3 Backgrounds

Tutoriel par (Art Director & Creative Designer, Paris)
Créé le , mis à jour le (249650 lectures)
Tags : css, background, css3, gradient, background-origin, background-clip, background-size, degrade

Sommaire


Introduction aux arrière-plans CSSS3

Depuis que les feuilles de style existent, la gestion des couleurs images d'arrière-plan est prévue : les célèbres propriétés background-color, background-image, background-position, background-repeat et background-attachment naissent avec CSS1.

Ces propriétés connues de tout bon webdesigner-intégrateur permettent de contrôler l'apparence du fond d'un élément (en général une boîte rectangulaire).

Le module CSS Backgrounds and Borders Level 3 étend ce contrôle de façon à répondre à des besoins plus évolués, notamment via le redimensionnement, le positionnement et la superposition de plusieurs images. Ces nouvelles propriétés pour les arrière-plans sont :

  • background-size,
  • background-clip,
  • background-origin.