備忘録的プログラミングリファレンス

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-orientationSVG専用の設定値
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)mixed
継承(Inherited)Yes
CSS AnimationNo