無料ホームページ作成!CSS・スタイルシート
行の間隔

無料ホームページ作成!CSS・文字
行の間隔

ホームページの行の間隔を変える

line-height属性

このline-height属性は行の間隔を変える属性です、行の間隔を近くしたい、行の間隔を遠くしたいなどの場合はこのline-height属性を宣言しましょう。値によりp要素の上下の余白も多少変わるようです。
また、値を小さくすれば文字を重ねるために使うこともできます。

line-height属性の使い方

CSSソース

セレクタ{
	line-height:30px;
}
 
結果

line-height
変更してません。

line-height
30pxです

line-height属性で宣言できる値

概要
単位付き表示 pt,px,mm,cm,in,pc,em,ex、等の単位を付けて指定できる
normal 文字の間隔を通常にする

値の使用例

line-height要素の値は数値で書ければ問題ないでしょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS