--- title: '-moz-box-ordinal-group' slug: Web/CSS/-moz-box-ordinal-group tags: - CSS - Mozilla 拡張 - Non-standard - Reference - フレックスボックス translation_of: Web/CSS/box-ordinal-group translation_of_original: Web/CSS/-moz-box-ordinal-group ---

{{CSSRef}}{{warning("これは CSS フレックスボックスレイアウトモジュールの初期の草稿にあったプロパティであり、その後の草稿で置き換えられました。")}}

このプロパティの代わりに何を使用するべきかについての詳細情報はフレックスボックスをご覧ください。

概要

要素が属する序数グループを示します。低い序数グループを持つ要素は、より高い序数を有するものの前に表示されます。

値

値はゼロより大きい整数でなければなりません。このプロパティの既定値は1です。

例

<style type="text/css">
  #Flexbox {
    display: -ms-box;
    display: -moz-box;
    display: -webkit-box;
  }

  #text1 {
    background: red;
    -ms-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-box-ordinal-group: 4;
  }

  #text2 {
    background: green;
    -ms-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-box-ordinal-group: 3;
  }

  #text3 {
    background: blue;
    -ms-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
  }

  #text4 {
    background: orange;
  }
</style>

<div id="Flexbox">
  <div id="text1">text 1</div>
  <div id="text2">text 2</div>
  <div id="text3">text 3</div>
  <div id="text4">text 4</div>
</div>