กล่องลำดับกลุ่ม CSS3 คุณสมบัติ
ตัวอย่าง
เพื่อการแสดงผลขององค์ประกอบของเด็กของกล่อง:
.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;
}
ลอง»
สนับสนุนเบราว์เซอร์
เบราว์เซอร์หลักในปัจจุบันไม่สนับสนุนคุณสมบัติกล่องลำดับกลุ่ม
Internet Explorer 10 โดยทรัพย์สินส่วนตัว MS-Flex-เพื่อสนับสนุน
Firefox โดยทรัพย์สินส่วนตัว -moz-กล่องลำดับกลุ่มสนับสนุน
Safari และ Chrome ได้โดยทรัพย์สินส่วนตัว -webkit-กล่องลำดับกลุ่มสนับสนุน
หมายเหตุ: Internet Explorer 9 และรุ่นก่อนหน้าของ IE ไม่สนับสนุนกล่องที่มีความยืดหยุ่น
แอตทริบิวต์คำจำกัดความและคำแนะนำ
กล่องลำดับกลุ่มแอตทริบิวต์ระบุกล่องขององค์ประกอบลูกของลำดับการแสดงที่
องค์ประกอบการแสดงผลที่มีค่าต่ำกว่าก่อนองค์ประกอบเหล่านั้นมีค่าสูงขึ้นใน
หมายเหตุ: องค์ประกอบของชุดเดียวกันของค่าของคำสั่งที่ขึ้นอยู่กับการสั่งซื้อมาของพวกเขา
เริ่มต้น: | 1 |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.boxOrdinalGroup = 2 |
ไวยากรณ์
กล่องลำดับกลุ่ม:จำนวนเต็ม;
ความคุ้มค่า | ลักษณะ |
---|---|
จำนวนเต็ม | จำนวนเต็มที่ระบุลำดับการแสดงองค์ประกอบย่อย |