directionプロパティ

値

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

• 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>

表示例：

こちらの記事は役に立ちましたか？

コメントありがとうございます！
運営の参考にさせていただきます。