【CSS】direction - 左右書き
CSSのdirectionプロパティについてご紹介します。
direction
directionは言語の左寄せ書き・右寄せ書きを表すプロパティです。
基本構文
direction: 値;
値
代表的な値は次の通りです。
値 | 意味 |
---|---|
ltr | 左寄せ書き |
rtl | 右寄せ書き |
サンプル
左寄せ書き
次のサンプルはテキストを左寄せ書き表示します。
<style>
p {
direction: ltr;
}
</style>
<p>あいうえお かきくけこ さしすせそ たちつてと なにぬねの</p>
右寄せ書き
次のサンプルはテキストを右寄せ書き表示します。
<style>
p {
direction: rtl;
}
</style>
<p>あいうえお かきくけこ さしすせそ たちつてと なにぬねの</p>