Exemple
Régler les alignements pour l'un des éléments à l'intérieur d'un élément flexible pour adapter le récipient:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Essayez vous - même » Définition et utilisation
La propriété alignSelf spécifie l'alignement de l'élément sélectionné à l'intérieur du conteneur souple.
Note: La propriété alignSelf remplace la propriété alignItems du conteneur flexible.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Les chiffres suivis par Webkit précisent la première version qui a travaillé avec un préfixe.
| Propriété | |||||
|---|---|---|---|---|---|
| alignSelf | 21,0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Note: Le support Safari une alternative, la propriété WebkitAlignSelf.
Syntaxe
Retour la propriété alignSelf:
object .style.alignSelfDéfinissez la propriété alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| auto | Défaut. L'élément hérite du conteneur parent propriété align-éléments, ou "stretch" si elle n'a pas conteneur parent |
| stretch | L'élément est positionné pour être compatibles avec la conatiner |
| center | L'élément est placé au centre du récipient |
| flex-start | L'élément est positionné au début du conteneur |
| flex-end | L'élément est positionné à l'extrémité du récipient |
| baseline | L'élément est positionné au niveau de la ligne de base du récipient |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | auto |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété align soi d'un élément |
| version CSS | CSS3 |
Pages associées
Référence CSS: align-self property
HTML DOM STYLE Référence: alignContent property
HTML DOM STYLE Référence: alignItems property
<Style objet