CSSでブログのカスタマイズ 行間の幅を変える

行間が狭すぎると文章が読みにくく感じる場合があります。
そんなときは行間を広げましょう。
記述の仕方は、line-heightプロパティで行の間隔を指定します。
また、ここで指定できる行の間隔とは、行の上のラインから次の行の上のラインまでのことです。

■数値で指定する
単位をつけずに数値だけで指定した場合、行間はフォントサイズに数値を書けたものになります。

■pxやemの単位で指定する
指定した単位が行の間隔になります。

■％で指定する
フォントサイズに対する比率が行の間隔になります。

下枠の中に例を示します。

line-height:1で指定した場合

あいうえお
かきくけこ
さしすせそ

line-height:2で指定した場合

あいうえお
かきくけこ
さしすせそ

line-height:5pxで指定した場合

あいうえお
かきくけこ
さしすせそ

line-height:150%で指定した場合

あいうえお
かきくけこ
さしすせそ