Answer:
Web エディターでは縦書きのプラグイン機能を提供します。縦書きとして表示したいテキストを選択し、プラグインボタンを押下すると、ウェブページ上に表示できるようになります。
Webエディター以外のツールで利用する場合は生成されたコードに縦書きのパラメータを追加で書き込むことで縦書き表示になります。
縦書きとして表示したい文字の外にTag(例:span、div…等)を追加し、Tag内のStyleに対し以下のパラメータを設定すると、ウェブページ上縦書きという効果が表します。
- -webkit-writing-mode:vertical-rl;
- -moz-writing-mode:vertical-rl;
- -ms-writing-mode:tb-rl;
- -ms-writing-mode:vertical-rl;
- writing-mode:vertical-rl;
CSS Generatorを例とすると、生成されたCSSコードは以下の通りです:
心をこめて届ける書体デザイン
心をこめて届ける書体デザイン
Sytle内で縦書きのパラメータを追加した後:
※黒文字は生成されたコード、赤文字が追加したパラメータです。
-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;">心をこめて届ける書体デザイン
心をこめて届ける書体デザイン