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 |