ふりがなをふる ruby

　地の文base textの上下など隣に小さな注釈をつけるために使われるリファレンスです。日本語では、ふりがなを付けるために使われます。

ruby

コーディング

<ruby>地の文<rt>注釈文</rt></ruby>

　注釈文は、<rt>と</rt>の間に書き入れます。

HTML

<ruby>下関<rt>しものせき</rt><ruby>

表示
下関しものせき

CSSプロパティ

ruby-posiition

[値]

over　地の文の上に表示されます。
HTML

<ruby>香港<rt>hoeng1gong2</rt><ruby>

CSS

ruby {

  ruby-position: over;

}

表示
香港hoeng1gong2
under　地の文の下に表示されます。
HTML

<ruby>釜山<rt>부산</rt><ruby>

CSS

ruby {

  ruby-position: under;

}

表示
釜山부산

ruby-align

[値]

start　ルビを地の文の始点に揃えます。
HTML

<ruby>磁気浮上式鉄道<rt>Maglev</rt><ruby>

CSS

ruby {

  ruby-align: start;

}

表示
磁気浮上式鉄道Maglev
center　ルビを地の文の中央に揃えます。
CSS

ruby {

  ruby-align: center;

}

表示
磁気浮上式鉄道Maglev