Exemple
Centrer les alignements pour l'un des éléments à l'intérieur d'un élément flexible:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Essayez - le vous - même » Définition et utilisation
La propriété align-auto spécifie l'alignement de l'élément sélectionné à l'intérieur du conteneur souple.
Note: La propriété align-auto remplace align-éléments de la propriété du conteneur flexible.
| Valeur par défaut: | auto |
|---|---|
| Hérité: | no |
| Animable: | no. Read about animatable |
| Version: | CSS3 |
| Syntaxe JavaScript: | object .style.alignSelf="center" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Numbers suivis par -webkit- spécifient la première version qui a travaillé avec un préfixe.
| Propriété | |||||
|---|---|---|---|---|---|
| align-self | 21,0 | 11.0 | 20,0 | 9.0 7,0 -webkit- | 12.1 |
Syntaxe CSS
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| auto | Défaut. L'élément hérite align-éléments de la propriété de son conteneur parent, ou "stretch" si elle n'a pas conteneur parent | Joue-le " |
| stretch | L'élément est positionné pour tenir le récipient | Joue-le " |
| center | L'élément est placé au centre du récipient | Joue-le " |
| flex-start | L'élément est sont positionnés au début du récipient | Joue-le " |
| flex-end | L'élément est positionné au niveau de l'extrémité du récipient | Joue-le " |
| baseline | L'élément est positionné au niveau de la ligne de fond du récipient | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
Référence CSS: la align-content property
Référence CSS: la align-items property
Référence HTML DOM: alignSelf property