webkit-box-ordinal-group-1-ref.html (1698B)
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 Reference 10 </title> 11 <style> 12 .box { 13 display: flex; 14 border: 1px solid black; 15 margin: 5px 20px; 16 float: left; /* For testing in "rows" */ 17 } 18 br { clear: both; } 19 20 .box > * { 21 border: 1px dotted purple; 22 } 23 </style> 24 </head> 25 <body> 26 <!-- First row: initial value mixed with single specified values --> 27 <div class="box"> 28 <div>*</div> 29 <div class="bogOne">1a</div> 30 <div>*</div> 31 <div class="bogOne">1b</div> 32 <div>*</div> 33 </div> 34 35 <div class="box"> 36 <div>*</div> 37 <div>*</div> 38 <div>*</div> 39 <div class="bogTwo">2a</div> 40 <div class="bogTwo">2b</div> 41 </div> 42 43 <div class="box"> 44 <div>*</div> 45 <div>*</div> 46 <div>*</div> 47 <div class="bogNine">9a</div> 48 <div class="bogNine">9b</div> 49 </div> 50 51 <br> 52 53 <!-- Second row: various mixes of specified values --> 54 <div class="box"> 55 <div>*</div> 56 <div class="bogOne">1</div> 57 <div class="bogTwo">2</div> 58 <div class="bogNine">9</div> 59 </div> 60 61 <div class="box"> 62 <div class="bogOne">1</div> 63 <div>*</div> 64 <div class="bogTwo">2</div> 65 <div class="bogNine">9</div> 66 </div> 67 68 <div class="box"> 69 <div class="bogOne">1</div> 70 <div>*</div> 71 <div class="bogTwo">2a</div> 72 <div class="bogTwo">2b</div> 73 <div class="bogNine">9</div> 74 </div> 75 76 <div class="box"> 77 <div class="bogOne">1</div> 78 <div class="bogTwo">2a</div> 79 <div class="bogTwo">2b</div> 80 <div class="bogNine">9a</div> 81 <div class="bogNine">9b</div> 82 </div> 83 </body> 84 </html>