Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(196)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/html/details-writing-mode.html

Issue 1419813004: Remove the "horizontal-bt" value from -webkit-writing-mode (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add static_assert to ensure TransformedWritingMode matches to WritingMode Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <style> 1 <style>
2 td { 2 td {
3 border: 1px solid black; 3 border: 1px solid black;
4 width: 120px; 4 width: 120px;
5 height: 120px; 5 height: 120px;
6 } 6 }
7 td div { 7 td div {
8 height: 100%; 8 height: 100%;
9 width: 100%; 9 width: 100%;
10 } 10 }
11 th { 11 th {
12 padding: 5px; 12 padding: 5px;
13 } 13 }
14 </style> 14 </style>
15 15
16 16
17 <table border="1"> 17 <table border="1">
18 <tr><th colspan="6">text-align not specified</th></tr> 18 <tr><th colspan="5">text-align not specified</th></tr>
19 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="4">-webkit-writing-m ode</th></tr> 19 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="3">-webkit-writing-m ode</th></tr>
20 <tr><th>horizontal-tb</th><th>horizontal-bt</th><th>vertical-lr</th><th>vert ical-rl</th></tr> 20 <tr><th>horizontal-tb</th><th>vertical-lr</th><th>vertical-rl</th></tr>
21 <tr> 21 <tr>
22 <th rowspan="4">direction</th> 22 <th rowspan="4">direction</th>
23 <th>ltr</th> 23 <th>ltr</th>
24 <td> 24 <td>
25 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr"> 25 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr">
26 <details><summary>summary</summary></details> 26 <details><summary>summary</summary></details>
27 <details open><summary>summary</summary></details> 27 <details open><summary>summary</summary></details>
28 </div> 28 </div>
29 </td> 29 </td>
30 <td> 30 <td>
31 <div style="-webkit-writing-mode:horizontal-bt; direction:ltr">
32 <details><summary>summary</summary></details>
33 <details open><summary>summary</summary></details>
34 </div>
35 </td>
36 <td>
37 <div style="-webkit-writing-mode:vertical-lr; direction:ltr"> 31 <div style="-webkit-writing-mode:vertical-lr; direction:ltr">
38 <details><summary>summary</summary></details> 32 <details><summary>summary</summary></details>
39 <details open><summary>summary</summary></details> 33 <details open><summary>summary</summary></details>
40 </div> 34 </div>
41 </td> 35 </td>
42 <td> 36 <td>
43 <div style="-webkit-writing-mode:vertical-rl; direction:ltr"> 37 <div style="-webkit-writing-mode:vertical-rl; direction:ltr">
44 <details><summary>summary</summary></details> 38 <details><summary>summary</summary></details>
45 <details open><summary>summary</summary></details> 39 <details open><summary>summary</summary></details>
46 </div> 40 </div>
47 </td> 41 </td>
48 </tr> 42 </tr>
49 <tr> 43 <tr>
50 <th>rtl</th> 44 <th>rtl</th>
51 <td> 45 <td>
52 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl"> 46 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl">
53 <details><summary>summary</summary></details> 47 <details><summary>summary</summary></details>
54 <details open><summary>summary</summary></details> 48 <details open><summary>summary</summary></details>
55 </div> 49 </div>
56 </td> 50 </td>
57 <td> 51 <td>
58 <div style="-webkit-writing-mode:horizontal-bt; direction:rtl">
59 <details><summary>summary</summary></details>
60 <details open><summary>summary</summary></details>
61 </div>
62 </td>
63 <td>
64 <div style="-webkit-writing-mode:vertical-lr; direction:rtl"> 52 <div style="-webkit-writing-mode:vertical-lr; direction:rtl">
65 <details><summary>summary</summary></details> 53 <details><summary>summary</summary></details>
66 <details open><summary>summary</summary></details> 54 <details open><summary>summary</summary></details>
67 </div> 55 </div>
68 </td> 56 </td>
69 <td> 57 <td>
70 <div style="-webkit-writing-mode:vertical-rl; direction:rtl"> 58 <div style="-webkit-writing-mode:vertical-rl; direction:rtl">
71 <details><summary>summary</summary></details> 59 <details><summary>summary</summary></details>
72 <details open><summary>summary</summary></details> 60 <details open><summary>summary</summary></details>
73 </div> 61 </div>
74 </td> 62 </td>
75 </tr> 63 </tr>
76 </table> 64 </table>
77 65
78 <br> 66 <br>
79 <table border="1"> 67 <table border="1">
80 <tr><th colspan="6">text-align: left</th></tr> 68 <tr><th colspan="5">text-align: left</th></tr>
81 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="4">-webkit-writing-m ode</th></tr> 69 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="3">-webkit-writing-m ode</th></tr>
82 <tr><th>horizontal-tb</th><th>horizontal-bt</th><th>vertical-lr</th><th>vert ical-rl</th></tr> 70 <tr><th>horizontal-tb</th><th>vertical-lr</th><th>vertical-rl</th></tr>
83 <tr> 71 <tr>
84 <th rowspan="4">direction</th> 72 <th rowspan="4">direction</th>
85 <th>ltr</th> 73 <th>ltr</th>
86 <td> 74 <td>
87 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr"> 75 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr">
88 <details style="text-align:left"><summary>summary</summary></det ails> 76 <details style="text-align:left"><summary>summary</summary></det ails>
89 <details style="text-align:left" open><summary>summary</summary> </details> 77 <details style="text-align:left" open><summary>summary</summary> </details>
90 </div> 78 </div>
91 </td> 79 </td>
92 <td> 80 <td>
93 <div style="-webkit-writing-mode:horizontal-bt; direction:ltr">
94 <details style="text-align:left"><summary>summary</summary></det ails>
95 <details style="text-align:left" open><summary>summary</summary> </details>
96 </div>
97 </td>
98 <td>
99 <div style="-webkit-writing-mode:vertical-lr; direction:ltr"> 81 <div style="-webkit-writing-mode:vertical-lr; direction:ltr">
100 <details style="text-align:left"><summary>summary</summary></det ails> 82 <details style="text-align:left"><summary>summary</summary></det ails>
101 <details style="text-align:left" open><summary>summary</summary> </details> 83 <details style="text-align:left" open><summary>summary</summary> </details>
102 </div> 84 </div>
103 </td> 85 </td>
104 <td> 86 <td>
105 <div style="-webkit-writing-mode:vertical-rl; direction:ltr"> 87 <div style="-webkit-writing-mode:vertical-rl; direction:ltr">
106 <details style="text-align:left"><summary>summary</summary></det ails> 88 <details style="text-align:left"><summary>summary</summary></det ails>
107 <details style="text-align:left" open><summary>summary</summary> </details> 89 <details style="text-align:left" open><summary>summary</summary> </details>
108 </div> 90 </div>
109 </td> 91 </td>
110 </tr> 92 </tr>
111 <tr> 93 <tr>
112 <th>rtl</th> 94 <th>rtl</th>
113 <td> 95 <td>
114 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl"> 96 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl">
115 <details style="text-align:left"><summary>summary</summary></det ails> 97 <details style="text-align:left"><summary>summary</summary></det ails>
116 <details style="text-align:left" open><summary>summary</summary> </details> 98 <details style="text-align:left" open><summary>summary</summary> </details>
117 </div> 99 </div>
118 </td> 100 </td>
119 <td> 101 <td>
120 <div style="-webkit-writing-mode:horizontal-bt; direction:rtl">
121 <details style="text-align:left"><summary>summary</summary></det ails>
122 <details style="text-align:left" open><summary>summary</summary> </details>
123 </div>
124 </td>
125 <td>
126 <div style="-webkit-writing-mode:vertical-lr; direction:rtl"> 102 <div style="-webkit-writing-mode:vertical-lr; direction:rtl">
127 <details style="text-align:left"><summary>summary</summary></det ails> 103 <details style="text-align:left"><summary>summary</summary></det ails>
128 <details style="text-align:left" open><summary>summary</summary> </details> 104 <details style="text-align:left" open><summary>summary</summary> </details>
129 </div> 105 </div>
130 </td> 106 </td>
131 <td> 107 <td>
132 <div style="-webkit-writing-mode:vertical-rl; direction:rtl"> 108 <div style="-webkit-writing-mode:vertical-rl; direction:rtl">
133 <details style="text-align:left"><summary>summary</summary></det ails> 109 <details style="text-align:left"><summary>summary</summary></det ails>
134 <details style="text-align:left" open><summary>summary</summary> </details> 110 <details style="text-align:left" open><summary>summary</summary> </details>
135 </div> 111 </div>
136 </td> 112 </td>
137 </tr> 113 </tr>
138 </table> 114 </table>
139 115
140 116
141 <br> 117 <br>
142 <table border="1"> 118 <table border="1">
143 <tr><th colspan="6">text-align: center</th></tr> 119 <tr><th colspan="5">text-align: center</th></tr>
144 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="4">-webkit-writing-m ode</th></tr> 120 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="3">-webkit-writing-m ode</th></tr>
145 <tr><th>horizontal-tb</th><th>horizontal-bt</th><th>vertical-lr</th><th>vert ical-rl</th></tr> 121 <tr><th>horizontal-tb</th><th>vertical-lr</th><th>vertical-rl</th></tr>
146 <tr> 122 <tr>
147 <th rowspan="4">direction</th> 123 <th rowspan="4">direction</th>
148 <th>ltr</th> 124 <th>ltr</th>
149 <td> 125 <td>
150 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr"> 126 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr">
151 <details style="text-align:center"><summary>summary</summary></d etails> 127 <details style="text-align:center"><summary>summary</summary></d etails>
152 <details style="text-align:center" open><summary>summary</summar y></details> 128 <details style="text-align:center" open><summary>summary</summar y></details>
153 </div> 129 </div>
154 </td> 130 </td>
155 <td> 131 <td>
156 <div style="-webkit-writing-mode:horizontal-bt; direction:ltr">
157 <details style="text-align:center"><summary>summary</summary></d etails>
158 <details style="text-align:center" open><summary>summary</summar y></details>
159 </div>
160 </td>
161 <td>
162 <div style="-webkit-writing-mode:vertical-lr; direction:ltr"> 132 <div style="-webkit-writing-mode:vertical-lr; direction:ltr">
163 <details style="text-align:center"><summary>summary</summary></d etails> 133 <details style="text-align:center"><summary>summary</summary></d etails>
164 <details style="text-align:center" open><summary>summary</summar y></details> 134 <details style="text-align:center" open><summary>summary</summar y></details>
165 </div> 135 </div>
166 </td> 136 </td>
167 <td> 137 <td>
168 <div style="-webkit-writing-mode:vertical-rl; direction:ltr"> 138 <div style="-webkit-writing-mode:vertical-rl; direction:ltr">
169 <details style="text-align:center"><summary>summary</summary></d etails> 139 <details style="text-align:center"><summary>summary</summary></d etails>
170 <details style="text-align:center" open><summary>summary</summar y></details> 140 <details style="text-align:center" open><summary>summary</summar y></details>
171 </div> 141 </div>
172 </td> 142 </td>
173 </tr> 143 </tr>
174 <tr> 144 <tr>
175 <th>rtl</th> 145 <th>rtl</th>
176 <td> 146 <td>
177 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl"> 147 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl">
178 <details style="text-align:center"><summary>summary</summary></d etails> 148 <details style="text-align:center"><summary>summary</summary></d etails>
179 <details style="text-align:center" open><summary>summary</summar y></details> 149 <details style="text-align:center" open><summary>summary</summar y></details>
180 </div> 150 </div>
181 </td> 151 </td>
182 <td> 152 <td>
183 <div style="-webkit-writing-mode:horizontal-bt; direction:rtl">
184 <details style="text-align:center"><summary>summary</summary></d etails>
185 <details style="text-align:center" open><summary>summary</summar y></details>
186 </div>
187 </td>
188 <td>
189 <div style="-webkit-writing-mode:vertical-lr; direction:rtl"> 153 <div style="-webkit-writing-mode:vertical-lr; direction:rtl">
190 <details style="text-align:center"><summary>summary</summary></d etails> 154 <details style="text-align:center"><summary>summary</summary></d etails>
191 <details style="text-align:center" open><summary>summary</summar y></details> 155 <details style="text-align:center" open><summary>summary</summar y></details>
192 </div> 156 </div>
193 </td> 157 </td>
194 <td> 158 <td>
195 <div style="-webkit-writing-mode:vertical-rl; direction:rtl"> 159 <div style="-webkit-writing-mode:vertical-rl; direction:rtl">
196 <details style="text-align:center"><summary>summary</summary></d etails> 160 <details style="text-align:center"><summary>summary</summary></d etails>
197 <details style="text-align:center" open><summary>summary</summar y></details> 161 <details style="text-align:center" open><summary>summary</summar y></details>
198 </div> 162 </div>
199 </td> 163 </td>
200 </tr> 164 </tr>
201 </table> 165 </table>
202 166
203 167
204 <br> 168 <br>
205 <table border="1"> 169 <table border="1">
206 <tr><th colspan="6">text-align: right</th></tr> 170 <tr><th colspan="5">text-align: right</th></tr>
207 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="4">-webkit-writing-m ode</th></tr> 171 <tr><th colspan="2" rowspan="2">&nbsp;</th><th colspan="3">-webkit-writing-m ode</th></tr>
208 <tr><th>horizontal-tb</th><th>horizontal-bt</th><th>vertical-lr</th><th>vert ical-rl</th></tr> 172 <tr><th>horizontal-tb</th><th>vertical-lr</th><th>vertical-rl</th></tr>
209 <tr> 173 <tr>
210 <th rowspan="4">direction</th> 174 <th rowspan="4">direction</th>
211 <th>ltr</th> 175 <th>ltr</th>
212 <td> 176 <td>
213 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr"> 177 <div style="-webkit-writing-mode:horizontal-tb; direction:ltr">
214 <details style="text-align:right"><summary>summary</summary></de tails> 178 <details style="text-align:right"><summary>summary</summary></de tails>
215 <details style="text-align:right" open><summary>summary</summary ></details> 179 <details style="text-align:right" open><summary>summary</summary ></details>
216 </div> 180 </div>
217 </td> 181 </td>
218 <td> 182 <td>
219 <div style="-webkit-writing-mode:horizontal-bt; direction:ltr">
220 <details style="text-align:right"><summary>summary</summary></de tails>
221 <details style="text-align:right" open><summary>summary</summary ></details>
222 </div>
223 </td>
224 <td>
225 <div style="-webkit-writing-mode:vertical-lr; direction:ltr"> 183 <div style="-webkit-writing-mode:vertical-lr; direction:ltr">
226 <details style="text-align:right"><summary>summary</summary></de tails> 184 <details style="text-align:right"><summary>summary</summary></de tails>
227 <details style="text-align:right" open><summary>summary</summary ></details> 185 <details style="text-align:right" open><summary>summary</summary ></details>
228 </div> 186 </div>
229 </td> 187 </td>
230 <td> 188 <td>
231 <div style="-webkit-writing-mode:vertical-rl; direction:ltr"> 189 <div style="-webkit-writing-mode:vertical-rl; direction:ltr">
232 <details style="text-align:right"><summary>summary</summary></de tails> 190 <details style="text-align:right"><summary>summary</summary></de tails>
233 <details style="text-align:right" open><summary>summary</summary ></details> 191 <details style="text-align:right" open><summary>summary</summary ></details>
234 </div> 192 </div>
235 </td> 193 </td>
236 </tr> 194 </tr>
237 <tr> 195 <tr>
238 <th>rtl</th> 196 <th>rtl</th>
239 <td> 197 <td>
240 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl"> 198 <div style="-webkit-writing-mode:horizontal-tb; direction:rtl">
241 <details style="text-align:right"><summary>summary</summary></de tails> 199 <details style="text-align:right"><summary>summary</summary></de tails>
242 <details style="text-align:right" open><summary>summary</summary ></details> 200 <details style="text-align:right" open><summary>summary</summary ></details>
243 </div> 201 </div>
244 </td> 202 </td>
245 <td> 203 <td>
246 <div style="-webkit-writing-mode:horizontal-bt; direction:rtl">
247 <details style="text-align:right"><summary>summary</summary></de tails>
248 <details style="text-align:right" open><summary>summary</summary ></details>
249 </div>
250 </td>
251 <td>
252 <div style="-webkit-writing-mode:vertical-lr; direction:rtl"> 204 <div style="-webkit-writing-mode:vertical-lr; direction:rtl">
253 <details style="text-align:right"><summary>summary</summary></de tails> 205 <details style="text-align:right"><summary>summary</summary></de tails>
254 <details style="text-align:right" open><summary>summary</summary ></details> 206 <details style="text-align:right" open><summary>summary</summary ></details>
255 </div> 207 </div>
256 </td> 208 </td>
257 <td> 209 <td>
258 <div style="-webkit-writing-mode:vertical-rl; direction:rtl"> 210 <div style="-webkit-writing-mode:vertical-rl; direction:rtl">
259 <details style="text-align:right"><summary>summary</summary></de tails> 211 <details style="text-align:right"><summary>summary</summary></de tails>
260 <details style="text-align:right" open><summary>summary</summary ></details> 212 <details style="text-align:right" open><summary>summary</summary ></details>
261 </div> 213 </div>
262 </td> 214 </td>
263 </tr> 215 </tr>
264 </table> 216 </table>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698