トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典
みんなのタグ辞書/HTMLタグ辞書 シンプレスト コピペで飾ろうホームページ/HTMLタグ素材集 sozai-r 素材専門検索 素材の森 ホームページ作成NAVI 素材NAVI 素材専門検索 0574 ウェブサイトランキング


スタイルシートの説明

ルビをふる (サンプル)

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


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


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


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


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


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

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

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

▲上に移動