Niveau Niveau débutant

Arrière-plans avec CSS3 Backgrounds

Tutorielcss

Publié par le , mis à jour le (271051 lectures)

css background css3 gradient background-origin background-clip background-size degrade

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.