line-height:行間隔

---

行間隔：

normal	通常の行間　(デフォルト)
数値
単位つきの数値
%

line-heightプロパティで行の間隔を指定します。

キーワードとして指定できるものは、normalだけです。
　・　{ line-height:normal; }

単位をつけないで、数値だけで指定したときは、フォントサイズにその値を掛けた高さに設定されます。
親要素の行間に対する比率は継承されず、フォントサイズに応じて行間が変わります。
　・　{ line-height:1.5; }
　・　{ line-height:2; }

単位つきの数値を指定したときは、行の上のラインから次の行の上のラインまでの高さを、数値に単位をつけて設定されます。
文字のサイズが10ptのときに、行間を10ptで指定すると、行間がなくなってしまいます。
また文字のサイズより行間の大きさが小さい場合も行間がなくなってしまいます。
詳しいことは、『単位の指定方法』を御覧ください。
　・　{ line-height:10pt; }
　・　{ line-height:2em; }

フォントサイズに対する割合をパーセントで設定します。
親要素の行間に対する比率は継承されていきます。
　・　{ line-height:120%; }
　・　{ line-height:200%; }

line-height : normal　(行間隔：normal)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

line-height : 2　(行間隔：2)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

line-height : 12pt　(行間隔：12pt)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

line-height : 200%　(行間隔：200%)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

<STYLE type="text/css">
<!--
.case1 { line-height:normal; }
.case2 { line-height:2; }
.case3 { line-height:12pt; }
.case4 { line-height:200%; }
-->
</STYLE>

<DL>
<DT>line-height : normal　(行間隔：normal)
<DD class="case1">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して<FONT size="+2">勝手に歩き回らせましょう。</FONT>好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。
</DL>

<DL>
<DT>line-height : 2　(行間隔：2)
<DD class="case2">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して<FONT size="+2">勝手に歩き回らせましょう。</FONT>好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。
</DL>

<DL>
<DT>line-height : 12pt　(行間隔：12pt)
<DD class="case3">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して<FONT size="+2">勝手に歩き回らせましょう。</FONT>好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。
</DL>

<DL>
<DT>line-height : 200%　(行間隔：200%)
<DD class="case4">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して<FONT size="+2">勝手に歩き回らせましょう。</FONT>好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。
</DL>