アフィリエイト広告を利用しています

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

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

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

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

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

↓ サンプル

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

参考

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告