行間の高さを指定する
プロパティ:line-height:値:数値か%
スタイルシートで行間の高さを指定するにはline-heightプロパティを使います。
気をつけて欲しいのは、このプロパティは行間の高さを直接指定するのではなく、一行の高さを指定するプロパティだということです。
文字の大きさよりも一行の高さが高ければ、結果として行間が開くという仕組みです。
逆に文字の大きさよりも行間の高さを低く指定すれば、文字同士を重ねることもできます。
ソース例(太字が学んだ内容です)
<html>
<head>
<title>行間の高さを指定する</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<span style="line-height:7pt">7ptを<br>指定しました。</span><br>
<span style="line-height:30pt">30ptを<br>指定しました。</span><br>
<span style="line-height:200%">200%を<br>指定しました。</span>
<br><br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
2006年05月03日