ruby-align

書式

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>
実際のサンプルを実行する