English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo align-self specifica il modo di allineamento predefinito degli elementi nel contenitore flex.
La tabella seguente riassume l'uso contestuale e la cronologia delle versioni di questa proprietà.
| Valore predefinito: | auto |
|---|---|
| Applicabile a: | Elementi flessibili, inclusi gli elementi pseudo di flusso |
| Ereditarietà: | Nessuno |
| Animabile: | No.Vedere: Proprietà animate. |
| Versione: | Nuova funzionalità di CSS3 |
| Sintassi JavaScript: | object.style.alignItems="center" |
La sintassi di questa proprietà è la seguente:
align-self: auto | baseline | center | flex-start | flex-end | stretch | initial | inherit
Il seguente esempio mostra come utilizzare la proprietà align-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;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questo attributo.
| Valore | Descrizione |
|---|---|
| auto | L'elemento utilizza il valore calcolato dell'attributo del genitore, se non c'è genitore, utilizza stretch. Questo è il valore predefinito. |
| baseline | L'elemento si trova sulla linea di base del contenitore flex. |
| center | L'elemento si trova al centro del contenitore flessibile. |
| flex-start | L'elemento si trova all'inizio del contenitore flex. |
| flex-end | L'elemento si trova alla fine del contenitore flessibile. |
| stretch | Estendi l'elemento per adattarlo al contenitore flex. |
| initial | Imposta questo attributo al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore calcolato dell'attributo del genitore align-self. |
Compatibilità del browser dell'attributo align-self, tutti i browser principali supportano questo attributo.
|
Attenzione: Apple Safari 7 e versioni successive supportano l'attributo align-self, ma è necessario il prefisso -webkit-, ad esempio -webkit-align-self: center;
Ecco come fare riferimento ai seguenti tutorial:Allineamento CSS.
Proprietà correlate: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.