スタイルシートで文章の行間を調整する

行間を調整する

行間を調整するにはline-heightという属性の値を変更します。

body{

       line-height:150%;

}

上記の場合、１行の高さが通常の1.5倍になります。理屈としては通常の行の高さに上に25%、下に25%の空間が生まれるため、行間が開くというわけです。

指定する値

指定する値は文字サイズのところでご紹介したem、ex、％などが利用できます。単純に1.5とかいう指定も可能です。1.5は150%と同じになります。

行間は空けたほうが読みやすい

長文になればなるほど行間は広げたほうが読みやすいと思います。わたしは120%～150%の間で調整しています。このブログも150%で記事を書いてます。もし行間なしでかいたらどうなるかやってみましょう。

かなり窮屈な感じがしませんか？ちょっとしたことでかなり印象が変わってくると思います。よかったら参考にしてみてください。