Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css-grid-layout / grid-justify-content-vertical-rl.html
bloba9bfcbe4fa51022e7f4305bd057b7fbf2cc29d28
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <link href="resources/grid.css" rel="stylesheet">
5 <script src="../../resources/check-layout.js"></script>
6 <style>
7 body {
8 margin: 0;
11 .grid {
12 grid: 50px 50px / 100px 100px;
13 position: relative;
14 width: 300px;
15 height: 200px;
18 .cell {
19 width: 20px;
20 height: 40px;
23 .justifyContentStart {
24 justify-content: start;
27 .justifyContentEnd {
28 justify-content: end;
31 .justifyContentCenter {
32 justify-content: center;
35 .justifyContentLeft {
36 justify-content: left;
39 .justifyContentRight {
40 justify-content: right;
43 .justifyContentFlexStart {
44 justify-content: flex-start;
47 .justifyContentFlexEnd {
48 justify-content: flex-end;
50 </style>
51 </head>
52 <body onload="checkLayout('.grid')">
54 <p>This test checks that the align-content property is applied correctly in vertical-RL grids.</p>
56 <div style="position: relative">
57 <p>direction: LTR | justify-content: 'center'</p>
58 <div class="grid verticalRL justifyContentCenter" data-expected-width="300" data-expected-height="200">
59 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="50" data-expected-width="20" data-expected-height="40"></div>
60 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
61 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50" data-expected-width="100" data-expected-height="50"></div>
62 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
63 </div>
64 </div>
66 <div style="position: relative">
67 <p>direction: LTR | justify-content: 'left'</p>
68 <div class="grid verticalRL justifyContentLeft" data-expected-width="300" data-expected-height="200">
69 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div>
70 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="50" data-expected-width="100" data-expected-height="50"></div>
71 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div>
72 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="50" data-expected-width="20" data-expected-height="40"></div>
73 </div>
74 </div>
76 <div style="position: relative">
77 <p>direction: LTR | justify-content: 'right'</p>
78 <div class="grid verticalRL justifyContentRight" data-expected-width="300" data-expected-height="200">
79 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
80 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="150" data-expected-width="100" data-expected-height="50"></div>
81 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
82 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="150" data-expected-width="20" data-expected-height="40"></div>
83 </div>
84 </div>
86 <div style="position: relative">
87 <p>direction: LTR | justify-content: 'start'</p>
88 <div class="grid verticalRL justifyContentStart" data-expected-width="300" data-expected-height="200">
89 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div>
90 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="50" data-expected-width="100" data-expected-height="50"></div>
91 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div>
92 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="50" data-expected-width="20" data-expected-height="40"></div>
93 </div>
94 </div>
96 <div style="position: relative">
97 <p>direction: LTR | justify-content: 'end'</p>
98 <div class="grid verticalRL justifyContentEnd" data-expected-width="300" data-expected-height="200">
99 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
100 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="150" data-expected-width="100" data-expected-height="50"></div>
101 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
102 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="150" data-expected-width="20" data-expected-height="40"></div>
103 </div>
104 </div>
106 <!-- RTL direction. -->
107 <div style="position: relative">
108 <p>direction: RTL | justify-content: 'center'</p>
109 <div class="grid verticalRL directionRTL justifyContentCenter" data-expected-width="300" data-expected-height="200">
110 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="110" data-expected-width="20" data-expected-height="40"></div>
111 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="50" data-expected-width="100" data-expected-height="50"></div>
112 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
113 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="60" data-expected-width="20" data-expected-height="40"></div>
114 </div>
115 </div>
117 <div style="position: relative">
118 <p>direction: RTL | justify-content: 'left'</p>
119 <div class="grid verticalRL directionRTL justifyContentLeft" data-expected-width="300" data-expected-height="200">
120 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="60" data-expected-width="20" data-expected-height="40"></div>
121 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div>
122 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50" data-expected-width="100" data-expected-height="50"></div>
123 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="10" data-expected-width="20" data-expected-height="40"></div>
124 </div>
125 </div>
127 <div style="position: relative">
128 <p>direction: RTL | justify-content: 'right'</p>
129 <div class="grid verticalRL directionRTL justifyContentRight" data-expected-width="300" data-expected-height="200">
130 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div>
131 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
132 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="150" data-expected-width="100" data-expected-height="50"></div>
133 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="110" data-expected-width="20" data-expected-height="40"></div>
134 </div>
135 </div>
137 <div style="position: relative">
138 <p>direction: RTL | justify-content: 'start'</p>
139 <div class="grid verticalRL directionRTL justifyContentStart" data-expected-width="300" data-expected-height="200">
140 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div>
141 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
142 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="150" data-expected-width="100" data-expected-height="50"></div>
143 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="110" data-expected-width="20" data-expected-height="40"></div>
144 </div>
145 </div>
147 <div style="position: relative">
148 <p>direction: RTL | justify-content: 'end'</p>
149 <div class="grid verticalRL directionRTL justifyContentEnd" data-expected-width="300" data-expected-height="200">
150 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y="60" data-expected-width="20" data-expected-height="40"></div>
151 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="0" 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>
153 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset-y="10" data-expected-width="20" data-expected-height="40"></div>
154 </div>
155 </div>
157 </body>
158 </html>