トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


スタイルシートの説明

ルビをふる (サンプル)

無料素材屋 (むりょうそざいや)


無料素材屋 (むりょうそざいや)


無料素材屋 (むりょうそざいや)


無料素材屋 (むりょうそざいや)


無料素材屋 (むりょうそざいや)


無料素材屋 (むりょうそざいや)

※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

ルビをふる (詳細情報)
対応  Internet Explorer 5 ↑  (ブラウザの対応)
字体 ruby-align:★;
指定 ★の部分に下記の「 」内 の効果を指定していきます。
  • auto」 ルビを自動で指定してくれます。
  • left」 ルビを左に指定します。
  • center」 ルビを真ん中に指定します。
  • right」 ルビを右に指定します。
  • distribute-letter」 ルビを均等に指定します。
  • distribute-space」 ルビ前後に余白を入れて均等に指定します。
  • line-edge」 前後のテキストの状態によって指定します。
効果 漢字などに小文字で読み仮名をふったりすることができます。
例1 <ruby style="ruby-align:center;">
<rb>
<font size="6">無料素材屋</font>
</rb>
<rp>
(</rp><rt>むりょうそざいや</rt><rp>)
</rp>
</ruby>
結果 無料素材屋 (むりょうそざいや)
解説 ルビをふるタグにスタイルシートを指定します。
( ) カッコの部分は、ルビのタグに対応してないブラウザのためのカッコです。対応してないブラウザはカッコ内にフリガナを表示します。

▲上に移動