亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS3 order 屬性使用方法及示例

order CSS屬性指定彈性項在彈性容器中的顯示和布局順序。 元素按順序值的升序排列。 具有相同順序值的元素按它們在源代碼中出現(xiàn)的順序進行布局。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認(rèn)值：0
適用于：Flex物品和Flex容器的絕對定位子代
繼承：沒有
可動畫制作：是。請參考 動畫屬性。
版本： CSS3的新功能
JavaScript 語法：object.style.order="2"

order的使用語法

該屬性的語法如下：

order: integer | initial | inherit

下面的示例演示了如何使用order屬性。

.flex-container {
    border: 2px solid #000;
    display: -webkit-flex; /* Safari 6.1+ */
    display: flex;
} 
.item1 {
    width: 100px;
    background: #ff80c0;
    -webkit-order: 2; /* Safari 6.1+ */
    order: 2;
}
.item2 {
    width: 100px;
    background: #8080ff;
    -webkit-order: 1; /* Safari 6.1+ */
    order: 1;
}
.item3 {
    width: 100px;
    background:#0080ff;
}
測試看看?/?

屬性值

下表描述了此屬性的值。

值描述
integer指定彈性項目的順序。默認(rèn)值為0。
initial將此屬性設(shè)置為其默認(rèn)值。
inherit如果指定，則關(guān)聯(lián)元素采用其父元素order的屬性值。

瀏覽器兼容性

order屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號；所有主流瀏覽器均支持該屬性。

Browsers Icon

  • 火狐18+ -moz-，28+

  • Google Chrome 21+ -webkit-，29+

  • Internet Explorer 11+

  • Apple Safari 6.1+ -webkit-

  • Opera 12.1+

進一步閱讀

請參考以下教程：CSS字體，CSS單位，CSS偽元素。

Related properties: align-content, align-items, align-self, display, flex, flex-basis, flex-direction, flex-flow, flex-grow, flex-shrink, flex-wrap, justify-content, min-height, min-width, order.