CSSの記述 line-heightとは?

調べた事なんかを書いて、本当のメモ帳としていこうと思います。

メインブログのCSSを変更していて気になった。
行間はどれくらいが一番見やすいか?

line-heightとは行間、正確には行の高さを指定する属性です。

指定には色々な書き方が出来ます。

line-height: 1.5em;
line-height: 1.5;
line-height: 150%;

どれも同じ意味です。1emは1文字のサイズ、1.5は1.5倍、150%はそのままの意味で150%

この書き方にどれが推奨されるかはよく分かりません。
どのブラウザでも解釈してくれるみたいです。バラバラだとコードが見難いので統一した方がいいかもしれません。

で、どれくらいが見やすいのか?
フォントサイズやサイトの色とか幅とかの見え方にも影響されると思いますが、一般的には1.4とか1.5が標準的みたいです。

ゆったり見て欲しい部分はちょっと広めに。情報量を同じ範囲に多く書きたいという場合は狭く。
というように好みで使えればよいと思います。
関連記事

コメント

非公開コメント

YouTubeと連動してます、ぜひチャンネル登録お願いします!