www.wanichan.com

パディング、マージンなどの間隔の設定

行間を設定するには

はじめに

日本語の文章の場合、行間を指定していない場合は行間が空かず、多少読みづらいものとなります。

行間を指定するには、line-heightプロパティを利用するとよいでしょう。

ここでは、ページコンテンツエリアの段落の行間を設定する方法について説明します。

操作方法

  1. [書式設定]-[新規スタイル]をクリックするか、[スタイルの適用]パネルの[新しいスタイル]をクリックします。
  2. [新しいスタイル]ダイアログボックスの[セレクター]ボックスには、「#page_content p」と入力します。最初の「.」も消すことを忘れないように注意しましょう。
  3. [定義先]は「既存のスタイルシート」、URLは「style.css」が選択されていることを確認します。
  4. [ブロック]カテゴリを開き、行間を1.2行にするために「1.5em」にして、[OK]ボタンをクリックします。
  5. 段落スタイルにして文章を入力すると、行間が1.5行になりました。
  6. 作成したスタイルのコードは以下のとおりです。
    #page_content p{
    	line-height: 1.5em;
    }
スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ