Esempio
Impostare gli allineamenti per una delle voci all'interno di un elemento flessibile per adattarsi al contenitore:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Prova tu stesso " Definizione e l'utilizzo
La proprietà alignSelf specifica l'allineamento per l'elemento selezionato all'interno del contenitore flessibile.
Note: La proprietà alignSelf la precedenza di proprietà alignItems del contenitore flessibile.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Webkit specificano la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| alignSelf | 21,0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Nota: Safari supporta in alternativa, la proprietà WebkitAlignSelf.
Sintassi
Restituire la proprietà alignSelf:
object .style.alignSelfImpostare la proprietà alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| auto | Predefinito. L'elemento eredita proprietà align-articoli del contenitore principale, o "stretch" se non ha contenitore principale |
| stretch | L'elemento è posizionato per adattarsi alla conatiner |
| center | L'elemento è posizionato al centro del contenitore |
| flex-start | L'elemento è sono posizionati all'inizio del contenitore |
| flex-end | L'elemento è posizionato all'estremità del contenitore |
| baseline | L'elemento è posizionato alla base del contenitore |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | auto |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta la proprietà align-sé un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: align-self property
HTML DOM stile di riferimento: alignContent property
HTML DOM stile di riferimento: alignItems property
<Stile di oggetto