戻る

[影鷹かげたか](ベースとルビが同じ幅)
[漢字かんじ](ルビが短い)
[蕎麦そば](ルビが短い)
[所々ところどころ](ルビが長い)
[少女しょうじょ](ルビに拗音がある)
[WWWWorld Wide Web](ルビが半角英数で長い)
[WWWWWW](ルビが半角英数で短い)
[HTMLファイルHTMLファイル](混合)
[image1かげimage2たか](画像がある)
[省略しょうりゃく](RB が省略され、RP は無い)
この文章の中身は長く、line-height: 150% となっている。このため、自動で折り返された各行の間に、文字の半分程度の空きが生じる。この段落の中にルビが入ると、ルビも含めて行間が計算されるのが望ましい。つまり、ルビの大きさが、通常文字の半分以下であれば、各行の行間は同じになる。ここで改行し、ルビを入れてみる。
影鷹かげたかはルビをサポートしている。
IE では、ルビ文字がある場所の行の高さは、ルビ文字に対しての行の高さが設定されるようだ。つまり、line-height: 150% の場合、ルビ文字の大きさの 50% 分が、前の行の行間となっているようだ。

戻る