スタイルシートマニア

行の間隔を調整する | ホームページカスタマイズ Tips

行の間隔で文字の読みやすさは格段に変わります。

行間を調節するには、テキストを含む要素に対してline-heightプロパティで間隔距離を指定します。

body {
      line-height: 1.5em;
}

line-heightは厳密に言えば「行間」ではなく「行送り」を指定するもので、行の一番上から次の行の一番上までの距離を指定してることになります。つまり、1emで行間が0の状態と言う事です。
なので、1.5emと設定すると視覚的に見える部分は一文字分の半分の間を空けると言うことになります。

Author:hideo
Comments:0

hideo

コメントを残す