line-height: 1.5;これってどういう意味ですか？

Question

line-height: 1.5;
よくこういう数値だけでpxとかの単位がない記述を見かけるのですが、
どういう意味なのでしょうか？
うまくググれませんでした。
解説お願いします。

Answer 1

「CSS line-height」で検索すれば見つかると思いますが。
Googleだと下記の公式サイトが最初に表示されます。

line-height - CSS: カスケーディングスタイルシート | MDN

/* 単位のない値: この値を要素のフォントサイズに
掛けたものを使用する */
line-height: 3.5;

Comments

[takawork]

つまり、フォントが16ピクセルだったら、その高さは16*3.5pxということであっていますか？

[dit.]

font-size:16px;line-height: 3.5;　とした場合、line-heightは16px*3.5で56pxになります。
（font-size:16px;line-height: 56px;と指定したのと同じ）
デベロッパーツール（要素の検証機能）の存在はご存じのようなので、実際のline-heightがどうなっているか確認するといいと思います。

[takawork]

確かめてみました。かなり分かりやすい解説ありがとうございます。