ruby-position

書式

ruby-position:表示位置

対象

ruby要素

継承

しない

初期値

above

バージョン

-

対応ブラウザ

Win IE5.0以降, Mac IE5.0

解説

ルビ(ふりがな)の文字の表示位置を指定します。以下の値が指定できます。
設定名方法
above
inline
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; top:10;left:10px; }
ruby {
ruby-position:inline;
}
--></style>
</head>
<body>
<div>
<ruby><rb>魑魅魍魎</rb><rp>(</rp><rt>ちみもうりょう</rt><rp>)</rp></ruby>
</div>
</body>
</html>
実際のサンプルを実行する