box

英 [bɒks]   美 [bɑ:ks]  

n.盒;箱状物;包厢;哨房

vt.把…装入盒[箱,匣]中

vt.& vi.拳击

第三人称单数: boxes 复数: boxes 现在分词: boxing 过去式: boxed 过去分词: boxed

ordinal

英 [ˈɔ:dɪnl]   美 [ˈɔ:rdənl]  

n.序数;比较

adj.序数的

复数: ordinals

group

英 [gru:p]   美 [ɡrup]  

n.组,团体;群,批;(雕塑等的)群像;(英美的)空军大队

vt.& vi.使成群,集合

vt.分类,归类

第三人称单数: groups 复数: groups 现在分词: grouping 过去式: grouped 过去分词: grouped

css box-ordinal-group属性 语法

作用:规定框中子元素的显示次序。

语法:box-ordinal-group: integer;

说明:integer    一个整数,指示子元素的显示次序。    

注释:分组值相同的元素,它们的显示次序取决于其源次序。目前没有浏览器支持 box-ordinal-group 属性。Firefox 支持替代的 -moz-box-ordinal-group 属性。Safari 和 Chrome 支持替代的 -webkit-box-ordinal-group 属性。

css box-ordinal-group属性 示例

<!DOCTYPE html>
<html>
<head>
<style> 
.box
{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
</style>
</head>
<body>

<div class="box">
<div class="ord2">第一个 DIV</div>
<div class="ord1">第二个 DIV</div>
<div class="ord1">第三个 DIV</div>
</div>

<p><b>注释:</b>IE 或 Opera 不支持 box-ordinal-group 属性。</p>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐