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

Autres ressources externes

Articles de Sara Cope traduits dans La Cascade

Voir la page de Sara Cope et la liste de ses articles dans La Cascade.
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