| <style> |
| td { |
| border: 1px solid black; |
| width: 120px; |
| height: 120px; |
| } |
| td div { |
| height: 100%; |
| width: 100%; |
| } |
| th { |
| padding: 5px; |
| } |
| </style> |
| |
| <table border="1"> |
| <tr><th colspan="5">text-align: left</th></tr> |
| <tr><th colspan="2" rowspan="2"> </th><th colspan="3">-webkit-writing-mode</th></tr> |
| <tr><th>horizontal-tb</th><th>vertical-lr</th><th>vertical-rl</th></tr> |
| <tr> |
| <th rowspan="4">direction</th> |
| <th>ltr</th> |
| <td> |
| <div style="-webkit-writing-mode:horizontal-tb; direction:ltr"> |
| <details style="text-align:left"><summary>summary</summary></details> |
| <details style="text-align:left" open><summary>summary</summary></details> |
| </div> |
| </td> |
| <td> |
| <div style="-webkit-writing-mode:vertical-lr; direction:ltr"> |
| <details style="text-align:left"><summary>summary</summary></details> |
| <details style="text-align:left" open><summary>summary</summary></details> |
| </div> |
| </td> |
| <td> |
| <div style="-webkit-writing-mode:vertical-rl; direction:ltr"> |
| <details style="text-align:left"><summary>summary</summary></details> |
| <details style="text-align:left" open><summary>summary</summary></details> |
| </div> |
| </td> |
| </tr> |
| <tr> |
| <th>rtl</th> |
| <td> |
| <div style="-webkit-writing-mode:horizontal-tb; direction:rtl"> |
| <details style="text-align:left"><summary>summary</summary></details> |
| <details style="text-align:left" open><summary>summary</summary></details> |
| </div> |
| </td> |
| <td> |
| <div style="-webkit-writing-mode:vertical-lr; direction:rtl"> |
| <details style="text-align:left"><summary>summary</summary></details> |
| <details style="text-align:left" open><summary>summary</summary></details> |
| </div> |
| </td> |
| <td> |
| <div style="-webkit-writing-mode:vertical-rl; direction:rtl"> |
| <details style="text-align:left"><summary>summary</summary></details> |
| <details style="text-align:left" open><summary>summary</summary></details> |
| </div> |
| </td> |
| </tr> |
| </table> |