TOPページ >  文字を修飾する(書体、色、大きさなど...) > ルビ(ふりがな)の位置揃えを指定する

ルビ(ふりがな)の位置揃えを指定する

ホームページやブログなどのウェブサイトに文章や文字を表示する際には 、RUBYタグを使って文字にルビ(ふりがな)を付けることができますが、このときに ふりがなの位置を指定することができます。

<ruby style="ruby-align:位置揃えの指定">~</ruby>

位置揃えの指定は、下記の中から選択できます。

キーワード位置揃えの指定
left右詰め
center中央揃え
right左詰め

サンプルソースです。

<ruby style="ruby-align:left">
スタイルシート
<rp>(</rp> <rt>CSS</rt> <rp>)</rp>
<ruby><br>

<ruby style="ruby-align:right">
スタイルシート
<rp>(</rp> <rt>CSS</rt> <rp>)</rp>
<ruby>

このソースを、RUBYタグ対応のブラウザで見ると、次のように表示されます。

ルビタグ対応ブラウザ表示例

一方、未対応のブラウザでは下記のように表示されます。

スタイルシート ( CSS )
スタイルシート ( CSS )

ご注意:Netscape は、RUBYタグ自体に対応していませんので使えません。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
文字の大きさを指定する(FONTタグ)
文字の修飾方法を指定する
文字を点滅させる
ルビ(ふりがな)の位置揃えを指定する
ルビ(ふりがな)の表示位置を指定する
文字にルビ(ふりがな)を付ける
文章の一部にスタイルを適用する
文字を等幅文字にする
文章の書体、サイズ、行の高さ、スタイルをまとめて指定する
文章の書体を指定する(スタイル指定)
文章の段落を指定する
文字をイタリック/斜体にする
文字の書体を指定する(専用タグ)
文字に下線をつける(アンダーライン)
文字を見え消しにする(取消線)
文字を強調する
文字の太さを指定する
文字を太字にする
上付き/下付き文字にする
文字の色を変える
文字を一段大きく/小さくする
文字の大きさを指定する(スタイル指定)
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス