webテキストを縦書きしたい

writing-modeを使う。
以下の記述でok。

タスクランナー上の記述

/* タスクランナー上の記述 */ 
.sample  { 
    writing-mode:  vertical-rl; 
    text-orientation: upright;
}

出力結果

/* 出力結果 */ 
.sample { 
    -webkit-writing-mode:  vertical-rl; 
    -ms-writing-mode:  tb-rl; 
    writing-mode:  vertical-rl; 
    -webkit-text-orientation: upright;
    text-orientation: upright;
}

値について、
vertical-rlとtb-rlが出力されていることに着目する。
vertical-rlはCSS3の記述だが、
実は本プロパティは旧IEで採用されていた歴史があるため
フォールバックとしてのtb-rlという値も同時に出力される。
タスクランナーを使わない商材で使用する際には
プレフィクスだけでなく、IE対応も注意する必要がある。