2021/09/15 (更新日: 2022/12/03)

縦書きのCSS

CSS

  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-feature-settings: 'pkna';

折り返されてしまう場合は

  white-space: nowrap;
  word-break: keep-all;

日本らしさを表現！CSSで文字の縦書きに挑戦！

参考：Webクリエイターボックス
https://www.webcreatorbox.com/tech/writing-mode

• facebook
• Tweet
• hatebu
• LINE
• Read Later