English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo flex-basis CSS specifica il valore di base iniziale dell'elemento elastico
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questo attributo, nonché la sintassi dell'uso di questo attributo nel script JavaScript.
| Valore predefinito: | auto |
|---|---|
| Applicabile a: | Elementi elastici |
| Ereditarietà: | Nessuno |
| Animabile: | Sì.Si prega di consultare Proprietà animazione. |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | oggetto.style.flexBasis="180px" |
L'attributo ha la seguente sintassi:
flex-basis: width | auto | initial | inherit
L'esempio seguente dimostra come utilizzare la proprietà flex-basis.
.flex-container {
display: flex;
}
.item1 {
background: #ff80c0;
-webkit-flex-basis: 300px; /* Safari 6.1+ */
flex-basis: 300px;
}
.item2 {
background: #8080ff;
-webkit-flex-basis: 30%; /* Safari 6.1+ */
flex-basis: 30%;
}
.item3 {
width: 120px;
background:#0080ff;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| width | Lunghezza espressa in unità assolute o relative, utilizzata per specificare la lunghezza iniziale dell'elemento flessibile. I valori negativi non sono validi. |
| auto | La larghezza dell'elemento flessibile è uguale al suowidthIl valore della proprietà. Se width non è specificato per l'elemento flessibile, la larghezza dipenderà dal suo contenuto. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà flex-basis dell'elemento padre. |
Compatibilità dei browser per la proprietà flex-basis, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco come fare riferimento ai seguenti tutorial:Layout a più colonne CSS3.
Proprietà correlate:align-content,align-items,align-self,display,flex,flex-direction,flex-flow,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.