初めての方にも分かりやすくホームページ作成方法を解説します♪
ホームページ作成講座
ホームページ作成講座 >> HTML・CSSの基礎知識 >> CSS:行間を変更
行間を変更
行間を変更

文字の大きさを変えるには、line-height: というプロパティを使います。

line-height: の使い方


font-size:行間の値 というように使用します。

ページ全体の行間の大きさを変える。
body { line-height::大きさの値 }

<p></p>間の行間の大きさを変える。
p { line-height::大きさの値 }

クラス名『contents』の行間の大きさを変える。
.contents { line-height::大きさの値 }

行間の値の指定

%指定 ブラウザの文字基準サイズに対する%の値。
line-height: 120%

px指定
line-height: 4px


back >> ホームページ作成講座
HTML・CSSの基礎知識
HTML

文章関連
見出し
段落
改行

文字関係
強調
文字色
フォント(書体)

リンク
リンクする
ページ内ジャンプ

画像
画像を貼る
背景画像を指定

CSS(スタイルシート)

CSSの使い方
スタイルシートとは?
使い方
外部スタイルシート

文章関連
文字の大きさを変更
行間を変更

色関係
文字色
リンク色
背景色

その他
スクロールバー装飾

サイト情報 | お問い合わせ | リンク
Copyright(C)2005 ホームページ作成講座 All right reserved
当サイトはリンクフリーです。