265 lines
11 KiB
HTML
265 lines
11 KiB
HTML
<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="6">text-align not specified</th></tr>
|
|
<tr><th colspan="2" rowspan="2"> </th><th colspan="4">-webkit-writing-mode</th></tr>
|
|
<tr><th>horizontal-tb</th><th>horizontal-bt</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><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:horizontal-bt; direction:ltr">
|
|
<details><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways; direction:ltr">
|
|
<details><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-rl; -webkit-text-orientation: sideways; direction:ltr">
|
|
<details><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>rtl</th>
|
|
<td>
|
|
<div style="-webkit-writing-mode:horizontal-tb; direction:rtl">
|
|
<details><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:horizontal-bt; direction:rtl">
|
|
<details><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways; direction:rtl">
|
|
<details><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-rl; -webkit-text-orientation: sideways; direction:rtl">
|
|
<details><summary>summary</summary></details>
|
|
<details open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<br>
|
|
<table border="1">
|
|
<tr><th colspan="6">text-align: left</th></tr>
|
|
<tr><th colspan="2" rowspan="2"> </th><th colspan="4">-webkit-writing-mode</th></tr>
|
|
<tr><th>horizontal-tb</th><th>horizontal-bt</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:horizontal-bt; 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; -webkit-text-orientation: sideways; 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; -webkit-text-orientation: sideways; 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:horizontal-bt; 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; -webkit-text-orientation: sideways; 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; -webkit-text-orientation: sideways; 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>
|
|
|
|
|
|
<br>
|
|
<table border="1">
|
|
<tr><th colspan="6">text-align: center</th></tr>
|
|
<tr><th colspan="2" rowspan="2"> </th><th colspan="4">-webkit-writing-mode</th></tr>
|
|
<tr><th>horizontal-tb</th><th>horizontal-bt</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:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:horizontal-bt; direction:ltr">
|
|
<details style="text-align:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways; direction:ltr">
|
|
<details style="text-align:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-rl; -webkit-text-orientation: sideways; direction:ltr">
|
|
<details style="text-align:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" 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:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:horizontal-bt; direction:rtl">
|
|
<details style="text-align:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways; direction:rtl">
|
|
<details style="text-align:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-rl; -webkit-text-orientation: sideways; direction:rtl">
|
|
<details style="text-align:center"><summary>summary</summary></details>
|
|
<details style="text-align:center" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<br>
|
|
<table border="1">
|
|
<tr><th colspan="6">text-align: right</th></tr>
|
|
<tr><th colspan="2" rowspan="2"> </th><th colspan="4">-webkit-writing-mode</th></tr>
|
|
<tr><th>horizontal-tb</th><th>horizontal-bt</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:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:horizontal-bt; direction:ltr">
|
|
<details style="text-align:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways; direction:ltr">
|
|
<details style="text-align:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-rl; -webkit-text-orientation: sideways; direction:ltr">
|
|
<details style="text-align:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" 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:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:horizontal-bt; direction:rtl">
|
|
<details style="text-align:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways; direction:rtl">
|
|
<details style="text-align:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="-webkit-writing-mode:vertical-rl; -webkit-text-orientation: sideways; direction:rtl">
|
|
<details style="text-align:right"><summary>summary</summary></details>
|
|
<details style="text-align:right" open><summary>summary</summary></details>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|