line-heightプロパティ

1. line-height: 2;
2. font-size: 2em;

単位のない値 (number) を指定しました。number は、font-size の計算値に掛けたものが使用値です。計算値は、指定された number と同じです。

1. line-height: 2em;
2. font-size: 2em;

単位 em の値を指定しました。em は、font-size の計算値を用います。

1. line-height: 4.8rem;
2. font-size: 2em;

単位 rem の値を指定しました。rem は、ルート要素のfont-size の計算値を用います。
ルート要素には、font-size: 62.5%; を指定しています。

1. line-height: 48px;
2. font-size: 2em;

単位 px の値を指定しました。px は、1 ピクセルです。
(ブラウザなどの環境で文字サイズ 16px を想定しての表示例です。)

1. line-height: 5vw;
2. font-size: 2em;

単位 vw の値を指定しました。vw は、ビューポートの初期値の包含ブロックにおける幅の1%と同じです。

1. line-height: 10vh;
2. font-size: 2em;

単位 vh の値を指定しました。vh は、ビューポートの初期値の包含ブロックにおける高さの1%と同じです。

1. line-height: 150%;

単位 % の値を指定しました。% は、要素自身のフォントサイズに対する相対値です。計算値はこの percentage に要素のフォントサイズの計算値を掛けたものです。

1. line-height: normal;

キーワード normal を指定しました。normal は、ブラウザ(ユーザーエージェント)が適切な値を選択します。

1. line-height: inherit;

キーワード inherit を指定しました。inherit は、明示的な継承です。

1. line-height: initial;

キーワード initial を指定しました。initial は、プロパティの初期値を設定します。line-height プロパティの初期値は normal です。

1. line-height: unset;

キーワード unset を指定しました。unset は、プロパティをリセットし継承プロパティなら継承，非継承プロパティなら初期値を設定します。line-height プロパティは継承プロパティなので継承した計算値を設定します。