カテゴリー: line-height

（例）【CSS】line-heightの使用方法

See the Pen
font by linlin (@linlin098765)
on CodePen.

<p class="p">フォント</p>
<p class="p2">abcABC</p>

.p{
  font: bold large/20px "ＭＳ 明朝";
}
.p2{
  font-style:italic;
  font-variant: small-caps;
  font-weight:bold;
  font-size:30px;
  font-family:"ＭＳ ゴシック",sans-serif;
  line-height:40px;
  background-color:gray;
}

【CSS】line-height：行の高さを調整する

　CSSのline-heightは、行の高さを調整するプロパティです。
　line-height：10pxでfont-size:10pxの場合、フォントは中央表示となります。line-height:16pxでfont-size:10pxの場合、行間に上下3pxずつ割り振られます。