line-heightプロパティは、表示文字の高さの領域を指定を指定します。
とりなくこゑす ゆめさませ
とりなくこゑす ゆめさませ
1行目と2行目の違いは、パディング領域です。表示文字の背景色の高さ がline-heightです。
line-heightを指定する事で、改行されたテキストの行間隔が開きますので、文章が読み易くなります。このサイトは、
line-height : 1.5 em
と指定しています。
XXXX はスタイルシート記述です。
XXXX はHTML記述です。
XXXX 背景色と内枠線は修飾対象要素の範囲です。
line-height指定無しの表示を
とします。
| .lh05p | { | line-height | : | 50% | ; | } | /* 行間隔 文字サイズ 50% */ |
とりなくこゑす ゆめさませ
みよあけわたる ひんかしを
文字サイズよりも行間隔が小さくなる場合は、文字が重なってしまいます。