HTML & CSS

最終更新日:
公開日:

リファレンス

CSS

ディレクション

directionプロパティ

文字の方向を指定するプロパティです。

  • 初期値

    ltr

  • 継承

    継承あり

  • 適用できる要素

    全要素

次の値を指定することができます。

  • ltr – 文字を左から右へ表示
  • rtl – 文字を右から左へ表示

値の設定例

日本語とアラビア語が混じった文章における使用例です。unicode-bidiプロパティと組み合わせて使用し、それぞれの文章の向きを指定しています。

CSSコード例

<style type="text/css">
.text {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.text span {
	direction: rtl;
	unicode-bidi: embed;
}
</style>
<p class="text">「りんご」をアラビア語で「<span>تفاح</span>」と書きます。</p>

表示例: