プログラミング

line-heightで行の高さや行間を指定する【CSS】

line-heightは行の高さを指定するプロパティです。

{line-height: 高さ;}

値の指定方法

line-heightの値の指定方法には以下のようなものがあります。

  • normal
  • none
  • 数値
  • 数値+単位
  • %値

normalはフォントサイズによって自動的に行の高さが指定されます。

noneも自動的に値が指定されるのですが、normalと違うのは、祖先要素のフォントサイズによって行の高さが指定されることです。

line-heightに任意の数値を指定すると、フォントサイズに数値をかけた値が行の高さとなります。

また、『CSSにおける長さ・大きさ・角度・時間の単位について【CSS】』で書いてあるような単位を任意の数値につけて指定することもできますし、フォントサイズに対する割合で%値を指定することもできます。

1 Comment

Leave a Comment