|
 |
|
ルビ(ふりがな)の揃えを指定する
サンプルと機能
→ Sample：RUBYタグのルビの揃えを指定する
RUBYタグで設定したルビの揃えを指定します。
ルビを左に揃えたり、均等に揃えたりします。
RUBYタグについては、HTMLリファレンスをご覧下さい
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。
→ ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照）
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.ls { ruby-align : left } /* 左揃え
*/
.cs { ruby-align : center } /* 中央揃え */
.rs { ruby-align : right } /* 右揃え */
.dl { ruby-align : distribute-letter } /* 均等 */
.ds { ruby-align : distribute-space } /* 前後に空白＋均等 */
.le { ruby-align : line-edge } /* テキストの状態による */
.at { ruby-align : auto } /* 自動 */
-->
</STYLE>
</HEAD>
<BODY>
<RUBY class="ls"><RB>振仮名<RT>ふりがな</RUBY> (左揃え)<BR>
<RUBY class="cs"><RB>振仮名<RT>ふりがな</RUBY> (中央揃え)<BR>
<RUBY class="rs"><RB>振仮名<RT>ふりがな</RUBY> (右揃え)<BR>
<RUBY class="dl"><RB>振仮名<RT>ふりがな</RUBY> (均等)<BR>
<RUBY class="ds"><RB>振仮名<RT>ふりがな</RUBY> (前後に空白＋均等)<BR>
<RUBY class="le"><RB>振仮名<RT>ふりがな</RUBY> (テキストの状態による)<BR>
<RUBY class="at"><RB>振仮名<RT>ふりがな</RUBY> (自動)<BR>
</BODY>
</HTML> |
解説・注意点など
使用スタイル：ruby-align
指定可能な値：left, center, right, distribute-letter,
：distribute-space, line-edge, auto
効果ははサンプルの通りです。
← スタイルシートに戻る
|
|
|
