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+ */

タイトルとURLをコピーしました