CSS text-orientation 属性

定義と使用方法

text-orientation 属性は文字の方向を指定します。

注意：次の条件でのみ writing-mode 垂直に設定された場合にのみ有効です。

異なる<div>要素にテキスト方向を設定します：

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

text-orientation この属性は、テーブルヘッダーの方向を変更するために使用できます：

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

値	説明
ミックスド	デフォルト値。文字は時計回りに90度回転します。
upright	文字は回転せず、直立のままです。
sideways	文字の方向は、writing-modeが垂直時のテキスト行の方向と同じで、すなわち、時計回りに90度回転しています。
sideways-right	sideways属性値と等しいです。互換性のために保持されています。
use-glyph-orientation	SVG要素用に、テキストが廃止されたSVG属性 glyph-orientation-vertical と glyph-orientation-horizontal を継承するように設計されています。
初期値	この属性をデフォルト値に設定します。参照初期値。
継承	親要素からこの属性を継承します。参照継承。

デフォルト値：	ミックスド
継承性：	はい
アニメーション作成：	サポートされていません。参照してください：アニメーション関連属性。
バージョン：	CSS3
JavaScript 语法：	object.style.textOrientation="upright"

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

クローム	エッジ	ファイアフォックス	サファリ	オペラ
48.0	79.0	41.0	14.0	35.0