楽天広場HTML講座・行間を調節する

2006.07.21

カテゴリ：HTML（応用編）

・応用編

■ 行間を調節する

前回は、スタイルシートを使って文字の大きさを変えてみました。
今回は、スタイルシートを使って行間を調節する方法です。

【A】の場合：

説明の必要はないでしょう。世に出回っている印刷物の類でAのようなものを目にすることは難しいはずです。ウェブ上に公開するわけですから、最低限これぐらいの配慮は必要になります。文章の行間を調節する。長い文章が多い場合、行間が詰まっていると読みにくくなる。そんな場合は、このプロパティで行間の調節をする。

【B】の場合：

行間の指定 ⇒ style="line-height:数値を入力%;"

<span style="line-height:数値%;">テキスト</span>

タグに囲まれていない特定の場所にスタイルシート（CSS）による書式を
設定するには、spanタグが使われます。

これは、<td>にも指定できます。

【A】の場合、
<td style="line-height:100%;">

【B】の場合、
<td style="line-height:150%;">

になっています。

※ <p>タグを使って一行あけにするなら、line-height : 200%;にするべきなのです。

pタグで段落（文章中の意味のまとまり）を指定することができます。
一般的なブラウザでは、段落と段落の間に1行分の間隔が空いて表示されます。

[トップページへ戻る]

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.21 10:37:11

[HTML（応用編）] カテゴリの最新記事