投稿日:2017/04/19
更新日:2019/06/17
writing-modeを使う。
以下の記述でok。
vertical-rlとtb-rlが出力されていることに着目する。
vertical-rlはCSS3の記述だが、
実は本プロパティは旧IEで採用されていた歴史があるため
フォールバックとしてのtb-rlという値も同時に出力される。
タスクランナーを使わない商材で使用する際には
プレフィクスだけでなく、IE対応も注意する必要がある。
以下の記述で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対応も注意する必要がある。