La Cascade

Un peu de tout sur CSS, HTML, SVG et JS,traduit du web anglophone
Rechercher

align-self

par Sara Cope, 22 décembre 2022, flexbox, dico, article original paru le 28 septembre 2022 dans CSS-Tricks


La propriété align-self est une sous-propriété du module Flexible Box Layout. Elle permet de remplacer la valeur align-items pour des éléments flex spécifiques.

La propriété align-self accepte les 5 mêmes valeurs que la propriété align-items.

Syntaxe

align-self: auto | flex-start | flex-end | center | baseline | stretch
  .flex-item {
  align-self: flex-end;
}

Démo

voir align-self demo de css-tricks dans CodePen
Voir la liste des articles de Sara Cope traduits dans La Cascade.

Autres ressources

Article original paru le 28 septembre 2022 dans CSS-Tricks
Traduit avec l'aimable autorisation de CSS-Tricks et de Sara Cope.
Copyright CSS-Tricks © 2022