スタイルシートリファレンス > line-height

スタイルシートリファレンス line-height


line-height 行の高さを指定する (IE3/N4)

行の高さを指定します。

絶対単位指定
1in 1cm 10mm 10pt
相対単位指定
10px 2em
割合指定
120%


相対的な長さ

px
画像を構成する最小単位 (モニタの解像度により変化)
em
文字の高さを1とした単位 (フォントサイズにより変化)

絶対的な長さ

cm
センチメートル
mm
ミリメートル

▲ページ先頭へ

使用例 line-height

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
background-color:#ffff00;
}
.smp2 {
background-color:#ffff00;
line-height: 2em;
}
.smp3 {
background-color:#ffff00;
line-height: 300%;
}
-->
</style>
</head>
<body>
<br>
<p class="smp1">このように表示されます</p>
<p class="smp2">このように表示されます(2em)</p>
<p class="smp3">このように表示されます(300%)</p>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


このように
表示されます

このように
表示されます(2em)

このように
表示されます(300%)

▲ページ先頭へ

関連項目【フォント】

font
フォントの指定をまとめて行う
font-style
フォントスタイルを指定する
font-variant
大文字にする
font-weight
フォントの太さを指定する
font-size
フォントのサイズを指定する
font-family
フォントの種類を指定する
font-stretch ※
フォントの幅を指定する
font-size-adjust ※
フォントの高さと幅の比率を指定する
line-height
行の高さを指定する

▲ページ先頭へ

スタイルシートリファレンス > line-height