ga-05-e4

HTML/CSS初心者の為の
無料で挫折させない ホームページ作成講座

【 HTML/CSS逆引き辞典 】
行間を変える(line-height)

A.サンプル1(倍数指定:1.0)
  プロパティの書き方 ・・・ line-height: 1.0
  <p style="line-height: 1.0; "> 行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。</p>   

行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。

B.サンプル2(倍数指定:1.5)
  プロパティの書き方 ・・・ line-height: 1.5
  <p style="ine-height: 1.5; "> 行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。</p>   

行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。

C.サンプル3(倍数指定:2.0)
  プロパティの書き方 ・・・ line-height: 2.0
  <p style="line-height: 2.0; "> 行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。</p>   

行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。行間変更のサンプルです。

line-heightプロパティ  リファレンス

■ 記述形式 : セレクタ{line-height:値}

■ 値の形式 : 数値(倍数指定、em、ex、%)
         キーワード(normal、none)

■ 初期値 : normal

■ 継承 : する

 back
pagetop
 next

文字のサイズ
を指定する

行間を変える

字間を変える

Copyright (c) 無料で挫折させないホームページ作成講座 All Rights Reserved.
by yorozuken