サイト内検索

...スタイルシート(css)...

スタイルシート・テキスト

行間の指定

行間は、line-heightプロパティを指定します。
[使い方]
.sample{line-height: 2.2em;}
プロパティ名 説明
line-height: ; 「数値+単位」(例・・2.5em)を指定します。
単位は、(em・pt・pxなど)を指定します。
文字サイズ×2.5倍の高さを指定 しています。
(1em = 文字の高さ)
; 「倍数」(例・・2.5)を指定します。
文字サイズ×2.5倍の高さを指定しています。
(1 = 文字の高さ)
; 「パーセント」(例・・250%)を指定します。

文字サイズ×2.5倍の高さを指定しています。
(100% = 文字の高さ)
nomal; nomalを指定します。
自動

サンプル

[headの中]

<style type="text/css">
<!--
.sample{line-height: 2.2em;}
-->
</style>

[bodyの中]

サンプルを
line-height: 2.2em; に
行の高さを
指定しました。
<span class="sample">
サンプルを
line-height: 2.2em; に
行の高さを
指定しました。
</span>

[ブラウザ上]

サンプルを
line-height: 2.2em; に
行の高さを
指定しました。

サンプルを
line-height: 2.2em; に
行の高さを
指定しました。

Copyright c 2007.10.01 luc All rights reserved.