トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
スタイルシートの説明

ルビをふる (サンプル)

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


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


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


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


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


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

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

ルビをふる (詳細情報)
対応  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>
結果 無料素材屋 (むりょうそざいや)
解説 ルビをふるタグにスタイルシートを指定します。
( ) カッコの部分は、ルビのタグに対応してないブラウザのためのカッコです。対応してないブラウザはカッコ内にフリガナを表示します。

▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋