CSS - -moz-box-ordinal-group

Example

 

HTML
<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>

Description  

Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.

 

Values must be integers greater than zero. The default value for this property is 1.

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/-moz-box-ordinal-group

CSS CSS Reference CSS:Mozilla Extensions Flexible Box Non-standard