CSS でテキストを右に垂直に表示できますか?

CSS はテキストを右に垂直に表示できますか?

CSS を使用してテキストを右に垂直に表示することは確かに可能です。これを実現するには、テキストの方向と書き込みモードを操作します。ただし、すべてのブラウザが横方向のテキスト方向プロパティをサポートしているわけではないことに注意することが重要です。

次の CSS コードは、ベンダー プレフィックス付きのプロパティに依存しますが、テキストを右垂直方向に配置します。

div {
  writing-mode: vertical-rl;
  text-orientation: sideways;
}

ただし、テキストの横向きは普遍的にサポートされていないため、スケール変換を代替:

div {
  writing-mode: vertical-rl;
  transform: scale(-1);
}

この代替方法でも同じ結果が得られ、ブラウザ互換の方法でテキストを右に垂直方向に表示できます。

以上がCSS でテキストを右に垂直に表示できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。