行間の指定をするスタイルシート・ line-height;FC2ブログ・プチカスタマイズ   

行間の指定をするスタイルシート・ line-height|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| 行間の指定をするスタイルシート・ line-height に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > 行間の指定をするスタイルシート・ line-height・基本のHTMLとスタイルシート > スタイルシートを学ぼう > 行間の指定をするスタイルシート・ line-height


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 ブログやサイトの行間を決めるのは、スタイルシートのline-height。

 単位(PXなど)でも指定できるし、%でも指定できる。

ブログテンプレートのスタイルシートの指定の仕方

 ブログのテンプレートの場合、指定の仕方は↓のような感じになる。

{
  line-height: 120%;
}

 

投稿記事内で使う場合の指定

<p style="Z-INDEX: 0; LINE-HEIGHT: 120%">投稿記事内で&nbsp;line-heightを使う場合</p>

 


line-heightの指定の仕方

 line-heightを%指定にした場合、文字に対する比率で行間が指定される。

 PXなどの単位で指定した場合は、その単位で行間が指定される。

 

 基本的には、%指定のほうが無難。

 単位指定すると、画面を拡大した場合や文字の単位を大きくした場合、行がダブってしまう可能性が高い。

 

line-heightをPX指定した例

line-heightをLINE-HEIGHT: 27px; FONT-SIZE: 16pxに指定した場合

この場合の行間はこんな感じになる。

どう?

line-heightLINE-HEIGHT: 10px; FONT-SIZE: 16pxに指定した場合

 この場合行間はこんな感じになる。

 どうでしょう?

 



サイト内の同タグへのリンク: ブログ  テンプレート  スタイルシート  行間  指定  line-height 
他のサイトへのタグリンク : ブログ テンプレート スタイルシート 行間 指定 line-height

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/75-1c46ba54
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。