English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
align-L'attribut self spécifie le mode d'alignement par défaut des éléments dans le conteneur flex.
Le tableau suivant résume l'utilisation et l'historique des versions de cette propriété.
| Valeur par défaut : | auto |
|---|---|
| Appliqué à : | Élément élastique, y compris les pseudo-éléments en entrée |
| Héritage : | Aucun |
| Animable : | Non.Voir également Propriétés d'animation。 |
| Version : | CSS3nouvelle fonction |
| Grammaire JavaScript : | object.style.alignItems="center" |
La syntaxe de cette propriété est la suivante :
align-self: auto | baseline | center | flex-start | flex-end | stretch | initial | inherit
Les exemples suivants montrent comment utiliser align-propriété self.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-align-items: flex-start;
display: flex;
align-items: flex-start;
}
.aligned {
/* Safari */
-webkit-flex: 1;
-webkit-align-self: stretch;
flex: 1;
align-self: stretch;
}Testez pour voir‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| auto | L'élément utilise la valeur calculée de l'alignement de l'élément parent, align-Si items n'a pas d'élément parent, il utilise stretch. C'est la valeur par défaut. |
| baseline | L'élément est situé sur la ligne de base du conteneur flex. |
| center | L'élément est situé au centre du conteneur de déformation. |
| flex-start | L'élément est situé au début du conteneur flex. |
| flex-end | Cet élément est situé à l'extrémité du conteneur de déformation. |
| stretch | Étendez cet élément pour qu'il s'adapte au conteneur flex. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la valeur calculée de l'alignement de l'élément parent.-self. |
align-Compatibilité des navigateurs pour la propriété self, tous les navigateurs populaires prennent en charge cette propriété.
|
Remarque : Apple Safari 7et versions supérieures pour prendre en charge cette align-propriété self, mais nécessite-webkit-préfixe, par exemple-webkit-align-self: center;
Veuillez consulter les tutoriels suivants :Alignement CSS。
propriétés associées：align-content，align-items，display，flex，flex-basis，flex-direction，flex-flow，flex-grow，flex-shrink，flex-wrap，justify-content，min-height，min-width，order。