propriété align-self

Note

La propriété présentée ici s’applique aux items flexbox, mais pas aux conteneurs flexbox.

La propriété align-self permet de passer outre la propriété align-items pour définir un alignement spécifique aux éléments sélectionnés.

selecteur-item {
   align-self: center;
   align-self: start;
   align-self: end;
   align-self: stretch;
}

Note

il existe d’autres valeurs possibles, se reporter à la documentation

Voir aussi

• la propriété align-content sur le MDN

exercice

Rendez-vous sur cette page et, en utilisant vos connaissances en CSS et la propriété align-self, alignés les éléments indiquant « à gauche » et « à droite » de manière correspondante.

Note

il est attendu que vous soyez en mesure de créer de nouveaux jeu de règles en vous servant notamment des classes « a-gauche » et « a-droite » déjà présentent dans le HTML.