ルビの配置位置

ルビの配置位置について

ルビの配置位置を指定するには、ruby-positionプロパティを使用します。

• ※ Mozilla系では指定可能な値が一部異なります。

【構文】

							ruby-position:配置位置;
						

指定可能な値

値	説明	初期値
before （Mozilla：over）	本体文字の前（横書きは上、縦書きは右）にルビを配置	○
after （Mozilla：under）	本体文字の後（横書きは下、縦書きは左）にルビを配置	-
inter-character	本体文字の文字との間にルビを配置	-
inline	ルビをインライン要素として扱い、本体文字の後にまとめて配置 ルビとしての配置を行わないのと同じ効果	-

サンプル

値	横書き	縦書き
before	新幹線shinkansen	新幹線shinkansen
after	新幹線shinkansen	新幹線shinkansen
inter-character	新幹線shinkansen	新幹線shinkansen
inline	新幹線shinkansen	新幹線shinkansen

/* before */ ruby { ruby-position:before; } /* after */ ruby { ruby-position:after; } /* inter-character */ ruby { ruby-position:inter-character; } /* inline */ ruby { ruby-position:inline; }