TempNateトップへ > HP作成ノウハウ > 字間と行間を指定する方法

文字と文字の間の距離を指定する方法

letter-spacing　（文字間の余白を指定）

文字と文字の間の隙間、余白を指定します。

 

#header {

letter-spacing: 8px;

}

#header {

letter-spacing: 12px;

}

これで、文字と文字の間の隙間、余白を、8ピクセルから、12ピクセルに変更できます。

 

 

行と行の間の距離を指定する方法

line-height　（行間の余白を指定）

行と行の行間の距離を指定します。

 

#header {

line-height: 14px;

}

#header {

line-height: 18px;

}

これで、行と行の行間の距離を、14ピクセルから、18ピクセルに変更できます。

 

 

CSS（スタイルシート）のカスタマイズ方法

スタイルシートについて

CSSの要素名について

CSSの構成について （画像で解説）

padding（内側の余白を指定する方法）

margin（外側の余白を指定する方法）

border（線の太さや、色を指定する方法）

wideth（ボックスの幅を指定する方法）

height（ボックスの高さを指定する方法）

background-color: #004080;　（ボックスの背景の色を指定する方法）

font-size （文字サイズを変更する方法）

text-align（行揃えを指定）

font-family（文字の種類を指定）

letter-spacing（字間や行間を指定）

color （リンクの色を指定する方法） （←次へ）

float（回り込みを指定する方法）

 

HTMLのカスタマイズ方法

HTMLとは？

DOCTYPE（文書構造の定義）

HTMLの詳細について（SEO内部要素）

フォントについて

画像表示タグ

リンク表示タグ

著作権リンクを表示する

メニューなどのリストを表示したい

テーブルについて

スタイルシートを指定する

 

その他のホームページ基礎知識について

Webプログラミングの種類

人気のWebアプリケーションについて

インターネット広告の種類について

ホームページ運営上の注意点など

 

ホームページビルダーを使用した場合のHP作成方法

ホームページビルダーでのホームページ作成方法

ホームページビルダーのHPテンプレート編集方法

 

alpha Edit を使用した場合のHP作成方法

alpha Edit でのホームページ作成方法

alpha Edit のHPテンプレート編集方法

 

メモ帳などのエディターソフトを使用した場合のHP作成方法

メモ帳などのエディターソフトを使用した場合のホームページ作成方法