CSS基礎 練習問題 68：テキストの方向（縦書き表示）
📊 Qraftユーザーの成績
- 難易度 Bランク（レーティング1200）
- 難易度 766位/2795問中
- 正答率 —（0回）
Webページのテキストを、右上から下に向かって行が進む日本語の伝統的な「縦書き」で表示したい場合、正しいCSSの書き方はどれか。
- text-orientation: vertical;
- direction: vertical-rl;
- writing-mode: vertical-rl;
- display: vertical-text;
- layout-flow: vertical-rl;
正解と解説を見る
正解：writing-mode: vertical-rl;
テキストを縦書きにするには「writing-mode」プロパティを使用し、値を「vertical-rl（右から左へ行が進む縦書き）」に設定するのが正解です。
【正解の理由】
writing-modeプロパティに「vertical-rl」を指定することで、右上から下へ、そして左へと行が進む日本語特有の縦書きレイアウトを実現できます。
【不正解の理由】
• 「text-orientationプロパティを使う記述」は誤り。これは縦書き文字の向き（正立させるか横に寝かせるか）を指定するもので、縦書き自体を設定するものではない
• 「directionプロパティを使う記述」は誤り。directionは主にアラビア語などのような文字の記述方向（左から右、右から左）を制御するためのもの
• 「displayプロパティを使う記述」は誤り。displayは要素の表示形式（ブロックやインラインなど）を決めるものであり、縦書きの指定はできない
• 「layout-flowプロパティを使う記述」は誤り。現在の標準的なCSSにおいて、そのようなプロパティは存在しない