書式
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>