OLD | NEW |
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"> </th><th colspan="4">-webkit-writing-m
ode</th></tr> | 19 <tr><th colspan="2" rowspan="2"> </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"> </th><th colspan="4">-webkit-writing-m
ode</th></tr> | 69 <tr><th colspan="2" rowspan="2"> </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"> </th><th colspan="4">-webkit-writing-m
ode</th></tr> | 120 <tr><th colspan="2" rowspan="2"> </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"> </th><th colspan="4">-webkit-writing-m
ode</th></tr> | 171 <tr><th colspan="2" rowspan="2"> </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> |
OLD | NEW |