box
英[bɒks] 美[bɑ:ks]
n.ボックス; 箱のような物体; ボックス; 哨兵室
vt. Put... into a box [box, box]
vt.& vi.Boxing
三人称単数: ボックス 複数形: ボックス 現在分詞: ボクシング 過去形: ボックス過去分詞: boxed
ordinal
UK[ˈɔ:dɪnl] US[ˈɔ:rdənl]
n.Ordinal; 比較
adj .
序数の複数形: ordinals
group
英[gru:p] 美[ɡrup]
n .group 、グループ; グループ、バッチ; (彫刻など) グループの肖像画; (イギリスとアメリカの) 空軍旅団
vt.& vi. グループを形成する、集まる
vt. 分類する、分類する
三人称単数形: グループ複数形: グループ現在分詞: グループ化過去形: グループ化過去分詞: グループ化
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>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します