HTMLのtableタグで縦書きする

HTMLのtableタグで縦書きするにはcssで実現することができます。

writing-mode:tb-rl;

と記述することで縦書きになります。ただし、IEのみ対応されておりChromeでは横書きになります。

DEMO

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメント

  1. nono より:

    2015年9月時点で以下のブラウザが対応しています。
    writing-mode: vertical-rl; /* Firefox41+, MS-Edge */
    -webkit-writing-mode: vertical-rl; /* WebKit(Mac), Blink(Chrome) */
    -ms-writing-mode: tb-rl; /* IE8+ */

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA