スタイルシイト倶樂部

directionプロパティーの値をrtlとし、unicode-bidiの値をbidi-overrideとすれば、日本語のテキストを右から左に並べることができます。

HTML 4のbdo要素とdir属性を使い、<bdo dir="rtl"> 〜 </bdo> としても同じ表示結果が得られます。


<!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>見出しを右から左に表示</title>
<style type="text/css">
<!--
body { background-color: #ED9; color: black; }
h1 { direction: rtl; unicode-bidi: bidi-override;
text-align: center; border: 1px solid black; }
-->

</style>
</head>
<body>

<h1>スタイルシイト倶樂部</h1>

<p>directionプロパティーの値をrtlとし、unicode-bidiの値をbidi-overrideとすれば、日本語のテキストを右から左に並べることができます。</p>

<p>HTML 4のbdo要素とdir属性を使い、&lt;bdo dir=&quot;rtl&quot;&gt; 〜 &lt;/bdo&gt; としても同じ表示結果が得られます。</p>

</body>
</html>