CSS で右から左への縦書きテキストの向きを実装するにはどうすればよいですか?

CSS での右から左の垂直方向のテキスト方向の実装

CSS での垂直方向のテキスト方向は、writing-mode プロパティを使用して実現できます。 text-orientation プロパティとともに、目的の方向を指定します。ただし、text-orientation: sideways 値はすべてのブラウザでサポートされているわけではありません。

テキストが右に垂直方向に配置されている、提供された画像に見られる効果を実現するには、スケール変換:

div {
  writing-mode: vertical-rl;
  /*text-orientation: sideways;*/
  transform: scale(-1);
}

この CSS は、書き込みモードを右から左の垂直方向に設定し、負のスケール変換 (-1) を適用してテキストを水平に反転します。結果として得られる効果は、コンテナの右側に表示される縦方向のテキストになります。

以上がCSS で右から左への縦書きテキストの向きを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。