サイト内検索
...スタイルシート(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; に
行の高さを
指定しました。