2006年08月12日

読みやすい行間

行間隔によって文章の読みやすさは変わります。間隔が狭ければ文字が詰まり、広ければページが長くなるので読みにくくなります。

一般的に文字サイズの1.5倍の行間隔が読みやすいとされているので、スタイルシート(CSS)を利用した行間隔変更を紹介します。


seesaaブログでの変更方法

管理画面から「デザイン」→「スタイルシート」の適用しているものを選択します。


.text{
font-size: 12px;
padding:0px 15px 5px 5px;
}


とあります(選択したスタイルシートにより内容は異なります)。

.text{}の{}内に「line-height:150%;」と入力すれば完成です。


.text{
font-size: 12px;
padding:0px 15px 5px 5px;
line-height:150%;
}


それ以外の方法

<DIV style="line-height:150%">を文頭、</DVI>を文末に付ければ完成です。

<DIV style="line-height:150%">行間隔を変更する文章</DVI>

この記事へのコメント
コメントを書く
コメントに関するお願い

荒らし対策のため、以下のようなコメントは削除対象となります。

  • 記事への関連性がない、単なる宣伝目的のもの
  • 様々なHPに同一の内容を書き込んでいるもの
  • 違法性のあるもの

これ以外のコメントは全て公開します。

お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。