アルファベット(英数字)を縦書きで”縦”に表示するCSS

  • ブックマーク

アルファベットを縦書き表示にするには、以下のCSSを使う。

-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;

writing-mode: vertical-rl; にて、縦書きの文字組みに。

text-orientation: upright; の指定で、英数字も、縦表示に。(これを指定しないと、英数字は横向きになる)

↓ サンプル

Kitchen Beeでブログ講座を開催しています。

参考

無料メルマガ発行中

メルマガも2021年は頑張って書いています。ぜひ登録して読んでくださいね。(無料です)

メールマガジン
無料で購読
メールアドレス *
* 必須項目

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。


Youtube

  • ブックマーク

この記事を書いた人

情報発信ナビゲーター 大東 信仁

情報発信ナビゲーター / 博士課程中退 / ニックネーム : ものくろ / ブロガー / WordPressが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役