書式
ruby-align:表示位置
対象
ruby要素
継承
しない
初期値
auto
バージョン
-
対応ブラウザ
Win IE5.0以降, Mac IE5.0
解説
ルビ(ふりがな)の文字の位置揃えを指定します。以下の値が指定できます。
設定名 | 方法 |
auto | 中揃え。日本語は均等割付 |
left | 左揃え |
center |
中揃え |
right |
右揃え |
distribute-letter |
均等割付。ルビがはみ出す場合、単語間に空白を入れる。 |
distribute-space |
均等割付。ルビがはみだす場合、単語の前後に空白を入れる。 |
line-edge |
中揃え。ルビが端からはみ出す場合には端からはみださないようにする。 |
サンプルコード
<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-align:right;
}
--></style>
</head>
<body>
<div>
<ruby><rb>信濃</rb><rp>(</rp><rt>しなの</rt><rp>)</rp></ruby>
</div>
</body>
</html>