CSS3: text-orientation プロパティ - 縦書き時の文字表記方向

■ 概要

項  目説  明
記述形式 セレクタ {text-orientation: }
値 の形式 mixeduprightsideways-rightsideways-leftsidewaysuse-glyph-orientation
初 期 値 mixed
対応ブラウザー C?+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 テーブルの行の組,列の組,行,列 を除く,すべての要素
継  承 する

■ 解説

text-orientation プロパティ は,縦書き時の文字表記方向 を指定します。  ただし,このプロパティは,縦書きの場合にのみ有効です。

指定できる値の形式は,以下のとおりです。

説  明
mixed 縦書きテキストで,横書きの文字は時計回りに 90度回転した向きに表示します。 縦書きの文字は通常の向きに表示します。 (初期値)
upright 縦書きテキストで,横書きの文字は横書きのときと同じ向きに表示します。 縦書きの文字は通常の向きに表示します。
sideways-right 縦書きテキストで,通常通り横書きした文字列全体を時計回りに 90度回転した形で表示します。
sideways-left 縦書きテキストで,通常通り横書きした文字列全体を反時計回りに 90度回転した形で表示します。
sideways writing-mode プロパティ の値が vertical-rl の場合は,sideways-right と同様の表示であり, vertical-lr の場合は,sideways-left と同様の表示になります。
use-glyph-
orientation
縦書きの場合に,SVG要素 によるグリフ(glyph)に合わせます。

■ 使用例( text-orientation プロパティの利用)

現在準備中です。

■ 備考

【参考ページ】