タグ

ブックマーク / liginc.co.jp (1)

  • CSS3で遊ぼう!縦書きにルビを振ってみたり〜! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    お早うございます!デザイナーの王です。 直感ですが、を読む時、僕は縦書のほうが読みやすいのです。実際、人間の視野って、上下のほうが狭いそうなので、それだけ集中して文字を追いやすいと思います。何より、指でなぞりやすいのがいいww アルファベット表記が混在する場合は別ですが、基的に縦書が好きです。 今回はタイトルの通り、ルビ付きの縦書の実装方法を紹介したいと思います。 以下は実際にWeb上で表示されたもののスクリーンショットです。 驚愕の事実!実はIEはバージョン5.5から実装されてました! 縦書を指定する際に用いるCSS3「writing-mode」というモジュールは、な‥なんと!IE5.5から実装されてました!今はすっかり嫌われ者とされているあのIEは当時では最先端ですね! 長い間、IE独自実装のため、新参のWeb屋にはあまり知られていない機能ではないでしょうか。 勿論、CSS3の「w

    CSS3で遊ぼう!縦書きにルビを振ってみたり〜! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1