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

text-combine-upright プロパティ

 text-combine-upright プロパティは、縦書きにおける算用数字(アラビア数字)の配置を指定するプロパティです。

算用数字を横書きのまま1文字分に収める
p{
	writing-mode: vertical-rl;
}
span.number{
	text-combine-upright: all;
}

詳しくは Example を参照してください

 テキストをwriting-mode:vertical-rl;で縦書きに設定すると、算用数字は横向きのままで表示されます。 text-combine-upright プロパティは、算用数字を縦書きにあうように一文字分に収めることができます(4文字まで)。
 向きを調整したい数字だけを<span>エレメントを使ってtext-combine-upright プロパティを指定しなければなりません。

ページ内 Index

構文(Syntax)

CSS

text-combine-upright: none | all | digits <integer>;

DOM ( JavaScript )

値の取得
String = object.style.textCombineUpright;
値の設定
object.style.textCombineUpright="none | all | digits <integer>";

値(Values)

 digits <integer>は対応していないブラウザがあります。

Value摘要
none初期値(default値)
all算用数字などを1文字分に収める
digits <integer>算用数字などの何文字の大きさで収めるか、2~4で指定
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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

Example

 text-combine-upright の例です。

 テキストをwriting-mode:vertical-rl;で縦書きに設定すると、算用数字は横向きのままで表示されます。 text-combine-upright プロパティは、算用数字を縦書きにあうように一文字分に収めることができます(4文字まで)。
 向きを調整したい数字だけを<span>エレメントを使ってtext-combine-upright プロパティを指定しなければなりません。