見出し1 | 見出し2 | 見出し3 |
---|---|---|
セル1 | セル2 | セル3 |
ここではdirect:rtlを指定すると、リストの●は右にかかれ、定義リストは右より、テーブルは並ぶ順番が変わります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>リストと表にrtlを指定</title>
<style type="text/css">
<!--
ul { direction: rtl; }
dl { direction: rtl; }
table { direction: rtl; }
-->
</style>
</head>
<body>
<ul>
<li>項目1</li> <li>項目2</li>
</ul>
<dl>
<dt>定義語</dt><dd>定義の説明</dd>
</dl>
<table border="1">
<tr><th>見出し1</th><th>見出し2</th>
<th>見出し3</th></tr>
<tr><td>セル1</td><td>セル2</td><td>セル3</td></tr>
</table>
</body>
</html>