いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

line-height

line-heightとは?

line-heightは、行の高さを指定するCSSです。

line-heightの使い方

一般的に行間を開けたい時に使用されています。

ピクセルやデフォルトの行の高さに比べて何倍にするかで指定します。

ピクセルで指定する場合、font-sizeで指定しているピクセルよりもline-heightを小さく指定すると、テキストが重なってしまうので注意してください。

デフォルトの行の高さに比べて1.5倍の高さに指定する場合は、1.5em、または単に1.5と記述します。

記述方法

line-heightは以下のように記述します。

ピクセルで指定する場合

line-height:20px;

デフォルトの行の高さに比べて何倍にするかで指定する場合

line-height:1.5em;
または
line-height:1.5;
HTMLタグ
CSS
一口メモ
サンプルソース
用語集