text-orientationプロパティ
text-orientationプロパティは、縦書きテキストwriting-mode:vertical-rl;においてのフォントの向きを指定するプロパティです。
SafariとOperaブラウザはベンダープリフィックスが必要です。
-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: upright; -o-text-orientation: upright; text-orientation: upright;
構文(Syntax)
CSS
text-orientation: mixed | upright | sideways-right | sideways | use-glyph-orientation | initial | inherit;
DOM(JavaScript)
String = object.style.textOrientation;
object.style.textOrientation="mixed | upright | sideways-right | sideways | use-glyph-orientation | initial | inherit";
Values
| Value | 摘要 |
|---|---|
| mixed | 初期値（default値）、縦書きに対応した言語は縦書きに、横書きの言語は行ごと右に90°回転 |
| upright | 文字を縦書きの向きに |
| sideways-right | 行ごと右に90°回転、sidewaysの別名 |
| sideways | 行ごと右に90°回転 |
| use-glyph-orientation | SVG専用の設定値 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | mixed |
| 継承（Inherited） | Yes |
| CSS Animation | No |