行間と字間の設定


CSSを使って行間と字間の指定が出来ます。
  1. letter-spacing 属性を使って文字間隔を指定します。
  2. line-height 属性を使って行間隔を指定します。
この設定は細かいレイアウト調整を行うときに便利です。
(<BODY>タグ内に設定すると、ページ全体に指定できます。)
  • 下記サンプルの上の文章は指定ナシ
  • 下記サンプルの下の文章は line-height:20px で letter-spacing:5px の指定


≪指定ナシ (普通に書いた文章)≫
HomePageを「初歩からのHP作成」で作りたいと思いますので、
よろしくお願い致します。




≪line-height:20px & letter-spacing:5px の指定≫
HomePageを「初歩からのHP作成」で作りたいと思いますので、
よろしくお願い致します。




下記のソースで表示します。
◆部分的な指定
<SPAN style="line-height:20px;letter-spacing:5px;"> HomePageを「初歩からのHP作成」で作りたいと思いますので、<br> よろしくお願い致します。 </SPAN> ≪タグの説明≫ line-heigh = 行間、letter-spacing = 字間、 line-height の指定単位は em(1em=1行)でもOKです

◆ページ全体の指定
<BODY style="line-height:20px;letter-spacing:5px;">