スタイルシートリファレンス > ruby-position

スタイルシートリファレンス ruby-position


ruby-position ルビの表示位置を指定する (IE5)

ルビの表示位置を指定します。

above
テキストの上部に表示:規定値
inline
テキストの後に表示

▲ページ先頭へ

使用例 ruby-position

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
ruby-position: above;
}
.smp2 {
ruby-position: inline;
}
-->
</style>
</head>
<body>
above<br>
このように、
<ruby class="smp1"><rb>表示</rb><rt>ひょうじ</rt></ruby>
されます。<br>
inline<br>
このように、
<ruby class="smp2"><rb>表示</rb><rt>ひょうじ</rt></ruby>
されます。<br>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


ruby-position:above;

このように、表示ひょうじされます。


ruby-position:inline;

このように、表示ひょうじされます。


▲ページ先頭へ

関連項目【ルビ】

ruby-align
ルビの配置を指定する (IE5)
ruby-overhang
ルビのはみ出し具合を指定する (IE5)
ruby-position
ルビの表示位置を指定する (IE5)

▲ページ先頭へ

スタイルシートリファレンス > ruby-position