以下 『白菊』(夢野久作 著)より抜粋 脱獄囚の 黒血だらけの引っ掻き傷と、泥と、ホコリに
▼サンプル1(ルビ16px、ふりがな6px指定)
脱獄囚の 黒血だらけの引っ掻き傷と、泥と、ホコリに
▼サンプル2(ルビ20px、ふりがな10px指定)
脱獄囚の 黒血だらけの引っ掻き傷と、泥と、ホコリに ▽サンプル1のHTML <div class="sample1"> 脱獄囚の<ruby><rb>虎蔵</rb><rp>(</rp><rt>とらぞう</rt><rp>)</rp></ruby>は、深夜の街道の<ruby><rb>中央</rb><rp>(</rp><rt>まんなか</rt><rp>)</rp></ruby>に立ち<ruby><rb>悚</rb><rp>(</rp><rt>すく</rt><rp>)</rp></ruby>んだ。 </div> ▽サンプル1のCSS <style type="text/css"> .sample1 ruby {font-size:16px;} .sample1 rp, .sample1 rt { font-size: 6px; line-height: 1em; } </div> ▽サンプル2のHTML <div class="sample2"> 脱獄囚の<ruby><rb>虎蔵</rb><rp>(</rp><rt>とらぞう</rt><rp>)</rp></ruby>は、深夜の街道の<ruby><rb>中央</rb><rp>(</rp><rt>まんなか</rt><rp>)</rp></ruby>に立ち<ruby><rb>悚</rb><rp>(</rp><rt>すく</rt><rp>)</rp></ruby>んだ。 </div> ▽サンプル2のCSS <style type="text/css"> .sample2 ruby {font-size:20px;} .sample2 rp, .sample2 rt { font-size: 10px; line-height: 1em; } </div> [グループ][ナビ] [HPリング] [管理] |