kotak-ordinal-kelompok CSS3 properti
contoh
urutan tampilan dari elemen anak dari kotak:
.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;
}
{
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;
}
Coba »
Dukungan Browser
Mainstream browser saat ini tidak mendukung properti kotak-ordinal-kelompok.
Internet Explorer 10 oleh dukungan properti ms-flex-order pribadi.
Firefox oleh properti swasta dukungan moz-box-ordinal-kelompok.
Safari dan Chrome dengan dukungan milik pribadi, -webkit-box-ordinal-kelompok.
Catatan: Internet Explorer 9 dan versi sebelumnya dari IE tidak mendukung kotak fleksibel.
Definisi atribut dan petunjuk
atribut kotak-ordinal-kelompok menentukan kotak elemen anak dari urutan tampilan.
Unsur display yang memiliki nilai yang lebih rendah sebelum elemen-elemen dengan nilai yang lebih tinggi di.
Catatan: Elemen-elemen dari set yang sama nilai pesanan, tergantung pesanan sumber mereka.
default: | 1 |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | objek .style.boxOrdinalGroup = 2 |
tatabahasa
kotak-ordinal-kelompok:integer;
nilai | deskripsi |
---|---|
bilangan bulat | Integer yang menunjukkan urutan tampilan sub-elemen |