[CSS] 文字の方向を指定する（direction）

2019年7月7日2020年3月28日

文字の表記の方向を指定するには、「direction」を使用します。
文字の表記の方向とは、左から右に表記するか右から左に表記するかという指定です。

構文

directionの構文です。

値	メモ
ltr	左から右へ表記する（デフォルト）
rtl	右から左へ表記する

サンプルソース

例）左から右へ表記する

（結果）

左から右へ表記します

例）右から左へ表記する

（結果）

右から左へ表記します

補足

• 日本語を右から左に表示するには、directionに加えて「unicode-bidi:bidi-override;」の指定も必要です。
• directionについては以下サイトもご覧ください。
  ⇒ direction（CSS3スタイル虎の巻）