Propriété Style alignSelf

Définition et utilisation

alignSelf Cette propriété définit l'alignement des éléments sélectionnés dans le conteneur flexible.

Remarque :La propriété alignSelf cache la propriété align-items du conteneur flexible Attribut alignItems.

Exemple

Définir un alignement pour l'un des éléments à l'intérieur des éléments flexibles pour s'adapter au conteneur :

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

Essayez-le vous-même

Syntaxe

Renvoyer la propriété alignSelf :

object.style.alignSelf

Définir la propriété alignSelf :

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

Valeur de l'attribut

Valeur Description
auto par défaut. L'élément hérite de la propriété align-items du conteneur flexible, s'il n'y a pas de conteneur parent, alors c'est "stretch".
stretch l'élément est étiré pour s'adapter au conteneur.
center l'élément est situé au centre du conteneur.
flex-start l'élément est situé au début du conteneur.
flex-end l'élément est situé à la fin du conteneur.
baseline l'élément est situé sur la ligne de base du conteneur.
initial Renseignez cette propriété à sa valeur par défaut. Voir également initial.
inherit Cette propriété hérite de cette propriété de l'élément parent. Voir également inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : une chaîne de caractères, représentant l'élément align-self propriété.
Version CSS : CSS3

Support du navigateur

AlignItems c'est une fonctionnalité CSS3 (1999).

Tous les navigateurs le prennent en charge pleinement :

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
pris en charge pris en charge pris en charge pris en charge pris en charge 11

pages associées

Guide CSS :align-self propriété

Référence du manuel HTML DOM STYLE :Attribut alignContent

Référence du manuel HTML DOM STYLE :Attribut alignItems