PHP & JavaScript Room :: 設置サンプル

実行結果

行間隔を1.5にしました。
行間隔は1.4~1.5くらいが文章が読みやすくなります。
行間隔を狭すぎても広すぎても読みずらいので適度に開けましょう。

行間隔を90%にしました。
行間隔が狭いと文章が読みやずらいです。
行間隔は気持広めくらいにとった方が読みやすくなります。

ソース

<style type="text/css">
    .line1 { line-height:1.5em; }    /* em 指定(1em = 1文字) */
    .line2 { line-height:90%; }    /* パーセント指定 */
</style>

<div class="line1">
    行間隔を1.5にしました。<br>
    行間隔は1.4~1.5くらいが文章が読みやすくなります。<br>
    行間隔を狭すぎても広すぎても読みずらいので適度に開けましょう。
</div>

<br>

<div class="line2">
    行間隔を90%にしました。<br>
    行間隔が狭いと文章が読みやずらいです。<br>
    行間隔は気持広めくらいにとった方が読みやすくなります。
</div>

polarized women