[CSS] 行の高さを指定する(line-height)

行の高さを指定するには、line-heightを使用します。

サンプル

line-heightに高さを指定します。

見た目サンプル

100%だと文字の高さと行の高さが同じになります。

【80%】

あいう
かきく
さしす

【100%】

あいう
かきく
さしす

【120%】

あいう
かきく
さしす

【140%】

あいう
かきく
さしす

【30px】

あいう
かきく
さしす

【50px】

あいう
かきく
さしす

メモ

  • 値は、%やpx、emが指定できます。

CSS

Posted by tora