CSS行間属性の用途は?

CSSのline-heightプロパティは、要素内のテキストの行間のスペースを設定するために使用されます。ブロック要素、インライン要素、置換要素に適用できます。

行間を調整するには、line-heightプロパティで行の高さを制御します。line-heightの初期値は「normal」で、要素のフォントサイズから自動的に行の高さが計算されます。

line-height プロパティには、以下の異なるタイプの値を指定できます。

  1. 数値: フォントサイズの何倍かの行の高さを指定するもので、例として1.2は行高がフォントサイズの1.2倍であることを意味します。
  2. 行の高さの単位は、ピクセル、パーセンテージ、em などで設定できます。
  3. デフォルトの行の高さを使用し、要素のフォントサイズに基づいて自動的に計算します。

ラインハイトプロパティは、垂直的に要素をセンタリングする目的でも利用することができ、要素の高さおよびラインハイトに同じ値を設定することで、内容を垂直方向にセンタリングすることができます。

つまり、line-heightプロパティは、テキスト行の高さと行間隔や、要素の垂直中央揃えを調整するのに使用できます。

bannerAds