box-Orient CSS3 proprietà
Esempi
Elementi figlio specificato elemento div disposti lateralmente:
div
{
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;
}
{
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
box-orient: orizzontale | verticale | inline-asse | block-asse | ereditare;
| 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 |