box-Orient CSS3 proprietà
Esempi
Elementi figlio specificato elemento div disposti lateralmente:
{
width: 350px;
altezza: 100px;
border: 1px nero solido;
/ * Firefox * /
Display: -moz-box;
-moz-box-Orient: orizzontale;
/ * Safari, Opera e Chrome * /
Display: -webkit-box;
-webkit-box-Orient: orizzontale;
/ * * W3C /
Display: scatola;
box-Orient: orizzontale;
}
Prova »
Supporto per il browser
Allo stato attuale, tutti i principali browser non supportano proprietà box-oriente.
Firefox dalla proprietà privata - MOZ-box-orientare il supporto.
Safari, Opera e Chrome attraverso la proprietà privata di supporto-box-orientare -webkit.
Attributo definizioni e le istruzioni
proprietà box-orientare specifica se una scatola dovrebbe essere elementi figli orizzontalmente o verticalmente.
Suggerimento: scatola nelle sotto-elementi in direzione orizzontale viene visualizzata da sinistra a destra, di dialogo visualizzata verticalmente dall'alto verso il basso.Tuttavia, Box-direzione orientamento può essere gruppo box-ordinale proprietà per modificare questo ordine.
predefinito: | inline-assi |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | object .style.boxOrient = "verticale" |
grammatica
valore | spiegazione |
---|---|
orizzontale | sottoelementi specificati sono disposti in una linea orizzontale da sinistra a destra |
verticale | Dall'alto verso il basso della disposizione verticale dei sottoelementi |
inline-assi | elementi figlio in linea lungo l'asse (mappato al paesaggio) |
blocco assi | Elementi sottoblocco lungo l'asse (mappata alla verticale) |
ereditare | proprietà Value box-orientare dovrebbe essere ereditata dall'elemento genitore |