Q:縦書きの利用方法を教えてください。

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;">心をこめて届ける書体デザイン
心をこめて届ける書体デザイン