エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
表現の幅が広がる!CSSで縦書きレイアウトを導入してみた | ノマクリ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
表現の幅が広がる!CSSで縦書きレイアウトを導入してみた | ノマクリ
01CSSで縦書きレイアウトを組む writing-mode 縦書きのレイアウトにするには、CSSのwriting-modeプロパ... 01CSSで縦書きレイアウトを組む writing-mode 縦書きのレイアウトにするには、CSSのwriting-modeプロパティを使います。 HTML <div class="vertical"> <p>縦書きレイアウトで<br>表現の幅が広がります。</p> </div> CSS .vertical { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } 出力結果 縦書きレイアウトで 表現の幅が広がります。 writing-modeの値には下記があります。 horizontal-tb(lr-tb) 横書き、上から下へ改行 vertical-rl(tb-rl) 縦書き、右から左へ改行 vertical-lr(tb-lr) 縦書き、左から右へ改行 カッコ内はIE用のベンダープレフィックスの値です。 実際にスタイルを適用したものを見