ruby-overhang

書式

ruby-overhang:表示方法

対象

ruby要素

継承

しない

初期値

none

バージョン

-

対応ブラウザ

Win IE5.0以降

解説

ルビ(ふりがな)の文字の表示方法を指定します。以下の値が指定できます。
設定名方法
none通常
auto自動
whitespace 文字間に空白を入れて両端を揃える
サンプルコード
<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-overhang:whitespace;
}
--></style>
</head>
<body>
<div>
これは <ruby><rb>魑魅魍魎</rb><rp>(</rp><rt>ちみもうりょうなのかな</rt><rp>)</rp></ruby> と読みます。
</div>
</body>
</html>
実際のサンプルを実行する