| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
| 5 <script src="../../resources/check-layout.js"></script> | 5 <script src="../../resources/check-layout.js"></script> |
| 6 <style> | 6 <style> |
| 7 body { | 7 body { |
| 8 margin: 0; | 8 margin: 0; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 29 matching lines...) Expand all Loading... |
| 40 justify-content: right; | 40 justify-content: right; |
| 41 } | 41 } |
| 42 | 42 |
| 43 .justifyContentFlexStart { | 43 .justifyContentFlexStart { |
| 44 justify-content: flex-start; | 44 justify-content: flex-start; |
| 45 } | 45 } |
| 46 | 46 |
| 47 .justifyContentFlexEnd { | 47 .justifyContentFlexEnd { |
| 48 justify-content: flex-end; | 48 justify-content: flex-end; |
| 49 } | 49 } |
| 50 | |
| 51 .justifyContentEndTrue { | |
| 52 justify-content: end true; | |
| 53 } | |
| 54 | |
| 55 .justifyContentCenterTrue { | |
| 56 justify-content: center true; | |
| 57 } | |
| 58 | |
| 59 .justifyContentRightSafe { | |
| 60 justify-content: right safe; | |
| 61 } | |
| 62 | |
| 63 .justifyContentLeftTrue { | |
| 64 justify-content: left true; | |
| 65 } | |
| 66 </style> | 50 </style> |
| 67 </head> | 51 </head> |
| 68 <body onload="checkLayout('.grid')"> | 52 <body onload="checkLayout('.grid')"> |
| 69 | 53 |
| 70 <p>This test checks that the align-content property is applied correctly in vert
ical-RL grids.</p> | 54 <p>This test checks that the align-content property is applied correctly in vert
ical-RL grids.</p> |
| 71 | 55 |
| 72 <div style="position: relative"> | 56 <div style="position: relative"> |
| 73 <p>direction: LTR | justify-content: 'center'</p> | 57 <p>direction: LTR | justify-content: 'center'</p> |
| 74 <div class="grid verticalRL justifyContentCenter" data-expected-width="300"
data-expected-height="200"> | 58 <div class="grid verticalRL justifyContentCenter" data-expected-width="300"
data-expected-height="200"> |
| 75 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y=
"50" data-expected-width="20" data-expected-height="40"></div> | 59 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y=
"50" data-expected-width="20" data-expected-height="40"></div> |
| (...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 165 <div class="grid verticalRL directionRTL justifyContentEnd" data-expected-wi
dth="300" data-expected-height="200"> | 149 <div class="grid verticalRL directionRTL justifyContentEnd" data-expected-wi
dth="300" data-expected-height="200"> |
| 166 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y=
"60" data-expected-width="20" data-expected-height="40"></div> | 150 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y=
"60" data-expected-width="20" data-expected-height="40"></div> |
| 167 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="0"
data-expected-width="100" data-expected-height="50"></div> | 151 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="0"
data-expected-width="100" data-expected-height="50"></div> |
| 168 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50"
data-expected-width="100" data-expected-height="50"></div> | 152 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50"
data-expected-width="100" data-expected-height="50"></div> |
| 169 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-
y="10" data-expected-width="20" data-expected-height="40"></div> | 153 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-
y="10" data-expected-width="20" data-expected-height="40"></div> |
| 170 </div> | 154 </div> |
| 171 </div> | 155 </div> |
| 172 | 156 |
| 173 </body> | 157 </body> |
| 174 </html> | 158 </html> |
| OLD | NEW |