1. Casa
  2. box-Orient CSS3 proprietà

Il miglior tutorial box-Orient CSS3 proprietà Nel 2024, in questo tutorial puoi imparare Esempi,Supporto per il browser,Attributo definizioni e le istruzioni,grammatica,

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;
}

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Tutorial caldi

Contattaci

box-Orient CSS3 proprietà
10/30