@tuzura_ori
span指定 フォント基本編(大きさ・色・強調・斜体・イタリック)
http://privatter.net/p/788572
span指定 テキスト編(文字間隔・装飾・位置・行間隔)
http://privatter.net/p/791663
※2021年9月5日、ルビタグ+行間隔を加筆へジャンプ
<b>タグ
・未使用
シウミン XIUMIN
・タグ使用
シウミン XIUMIN
【タグの書き方…<>を半角に変更】
<b>シウミン XIUMIN</b>
<i>タグ
・未使用
シウミン XIUMIN
・タグ使用
シウミン XIUMIN
【タグの書き方…<>を半角に変更】
<i>シウミン XIUMIN</i>
<ruby>タグ
円鑿方枘
・二つのものが、上手く合わない事
氷甌雪椀
・上品で趣のある文具
【一文字ずつルビをふった場合… 文字間隔に注目】
円鑿方枘
氷甌雪椀
【タグの書き方…<>を半角に変更】
<ruby>円<rt>えん</rt>鑿<rt>さく</rt>方<rt>ほう</rt>枘<rt>ぜい</rt></ruby>
【熟語単位でルビを振った場合… 文字間隔に注目】
・<rb>入れた場合
【タグの書き方…<>を半角に変更】
<ruby><rb>円鑿方枘</rb><rt>えんさくほうぜい</rt></ruby>
・<rb>を省いた場合
円鑿方枘
氷甌雪椀
【タグの書き方…<>を半角に変更】
<ruby>円鑿方枘<rt>えんさくほうぜい</rt></ruby>
※<rb>を省いても、表示は変わりません。
【文章にルビを振った場合の例】
わたくしといふ現象は
仮定された有機交流電燈の
ひとつの青い照明です
【タグの書き方…<>を半角に変更】
わたくしといふ<ruby>現象<rt>げんしょう</rt></ruby>は
<ruby>仮定<rt>かてい</rt></ruby>された<ruby>有機交流電燈<rt>ゆうきこうりゅうでんとう</rt></ruby>の
ひとつの<ruby>青<rt>あお</rt></ruby>い<ruby>照明<rt>しょうめい</rt></ruby>です
2021年9月5日加筆分
文章にルビを振る場合、場合によっては行間(上下)が詰まって見づらくなります。
なので初めからルビを振る予定で書くなら、行の高さ設定に注意しておくと宜しいかと。
【行の高さを指定せず、ルビを振った場合】
わたくしといふ現象は
仮定された有機交流電燈の
ひとつの青い照明です
ルビタグの書き方はコチラ
【行の高さを210%に指定し、ルビを振った場合】
わたくしといふ現象は
仮定された有機交流電燈の
ひとつの青い照明です
【タグの書き方…<>を半角に変更】
<span style="line-height : 220%">わたくしといふ<ruby>現象<rt>げんしょう</rt></ruby>は
<ruby>仮定<rt>かてい</rt></ruby>された<ruby>有機交流電燈<rt>ゆうきこうりゅうでんとう</rt></ruby>の
ひとつの<ruby>青<rt>あお</rt></ruby>い<ruby>照明<rt>しょうめい</rt></ruby>です</span>
行間隔の詳しい説明はコチラ
※spanをdivに書き換えても、下記のように同じことができます。