box-ordinale-gruppo CSS3 proprietà

Esempi

Visualizzazione ordine degli elementi figlio di un riquadro:

.box
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Gli attuali principali browser non supportano proprietà box-ordinale-gruppo.

Internet Explorer 10 per il supporto di proprietà di MS-flex-ordine privato.

Firefox con il sostegno -moz-box-ordinale-gruppo di proprietà privata.

Safari e Chrome di supporto proprietà privata, -webkit-box-ordinale-gruppo.

Nota: Internet Explorer 9 e versioni precedenti di Internet Explorer non supportano scatola flessibile.


Attributo definizioni e le istruzioni

attributo box-ordinale-gruppo specifica una scatola dell'elemento figlio del l'ordine di visualizzazione.

Un elemento di visualizzazione aventi un valore inferiore prima di questi elementi con valori superiori a.

Nota: Gli elementi dello stesso insieme di valori dell'ordine, a seconda del loro ordine fonte.

predefinito: 1
ereditarietà: no
versione: CSS3
sintassi JavaScript: object .style.boxOrdinalGroup = 2


grammatica

box-ordinale-gruppo:integer;

valore descrizione
numero intero Un numero intero che indica l'ordine di visualizzazione degli elementi secondari