webkit-box-ordinal-group-2.html (907B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <title> 9 CSS Test: -webkit-box-ordinal-group:0 inside a -webkit-box 10 </title> 11 <style> 12 .box { 13 display: -webkit-box; 14 border: 1px solid black; 15 margin: 5px 20px; 16 } 17 18 .box > * { 19 border: 1px dotted purple; 20 } 21 22 .bogZero { -webkit-box-ordinal-group: 0; } 23 .bogOne { -webkit-box-ordinal-group: 1; } 24 </style> 25 </head> 26 <body> 27 <!-- -webkit-box-ordinal-group is strictly positive in Blink & WebKit. 0 is 28 rejected as an invalid value. So, the bogZero element below should 29 end up with the initial value (1) and should *not* be sorted out of its 30 DOM position in the final rendering. --> 31 <div class="box"> 32 <div class="bogOne">1</div> 33 <div class="bogZero">0</div> 34 </div> 35 </body> 36 </html>