Comprendre les Propriétés Background en CSS3

CSS3 : Les Backgrounds
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5 et CSS3
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :
1. Comprendre les nouvelles propriétés de background en CSS3.
2. Appliquer correctement les propriétés background-clip, background-origine, et background-size.
3. Apprendre à utiliser des backgrounds multiples pour enrichir les designs web.

Explorez les différentes propriétés de background en CSS3 et apprenez à les utiliser pour améliorer vos designs web.

Dans cette leçon, nous allons étudier les différentes propriétés de background en CSS3. La propriété background a évolué pour inclure de nouvelles fonctionnalités comme background-clip, background-origine, background-size, et les backgrounds multiples. Nous allons voir comment ces propriétés peuvent être appliquées pour rehausser visuellement un document en y ajoutant des images de fond appropriées. Nous examinerons comment utiliser la propriété background-size pour adapter la taille de l'image de fond à la taille du conteneur, et comment le background-origine affecte la position de l'image. En fin de parcours, nous aborderons les backgrounds multiples pour rendre encore plus sophistiqués nos designs web.

Vous apprendrez également à définir si la couleur d'arrière-plan doit être visible derrière la bordure (via background-clip) et à utiliser des tailles spécifiques pour les images de fond en utilisant des pourcentages ou des valeurs précises. Cette leçon est essentielle pour les développeurs web souhaitant maîtriser les dernières avancées en matière de CSS3.

Voir plus
Questions réponses
Qu'est-ce que la propriété background-origine en CSS3 ?
La propriété background-origine définit l'origine de l'image d'arrière-plan : par rapport à la bordure, au padding ou au contenu.
Quelles sont les trois valeurs possibles pour background-size ?
Les trois valeurs possibles pour background-size sont : content, cover, et des dimensions en pourcentage ou en longueur.
Comment utiliser les backgrounds multiples en CSS3 ?
En utilisant la propriété background avec des URL séparées par des virgules pour spécifier plusieurs images à appliquer au même élément.

Programme détaillé