HOME > Tips > CSS > 「line-height」での行間指定は、単位なしで

「line-height」での行間指定は、単位なしで

  • Author:920

読みやすい文章のためには、適当な行間指定が必須です。

行間を指定するには、CSSの「line-height」プロパティを使用するわけですが、「line-height」プロパティの値には、「%」・「em」・「px」・「pt」などの単位が使用可能です。

「px」・「pt」などの絶対値を指定するのは、後で「font-size」の変更が必要になった場合「line-height」の変更も必要になりますので一般的には使わないのが普通です。

「%」・「em」は、そのような心配はないので同じように使えそうですが、これらの単位も場合によって問題が発生します。

例えば、「p」要素のの中に「sapn」要素があり、その「sapn」に「p」要素より大きな「font-size」を指定したような場合、行間が確保できなくなってしまいます。

これらのことを考え、行間指定は「単位なし」というのが望ましいようです。(「line-height」プロパティの値を単位なしで指定するのは仕様的にも問題ありません)

サンプルを用意しましたのでご参照ください。

行間指定のサンプル

UP