ホームページ キッチントップへ
Q&Aマップ | サイトマップ
フリー素材ホームページ HTML レシピホームページの配色ホームページ作成 環境ホームページ作成 ソフト
ホームページ キッチントップへ

-- 文字の隠し味 --
文字サイズ、行間隔、文字間隔


文字の大きさや行間隔などをピクセル値で細かく設定することができます

 文字サイズ

<span style="font-size:12px;">文字の大きさを12ピクセルに指定します</span>

文字サイズを指定したい部分の前後を、上のようなタグで囲みます。

spanの他に、<div>や<p>、<font>を使うこともできます。
px(ピクセル)の単位の他にpt(ポイント)指定なども使えます。


サンプルを見る


 行間隔

<span style="line-height:16px;">行間隔を16ピクセルに指定します</span>

<span style="font-size:12px; line-height:16px;">
文字サイズを12ピクセル、行間隔を16ピクセルに指定します
</span>

行間隔を指定したい部分の前後を、上のようなタグで囲みます。

spanの他に、<div>や<p>、<font>を使うこともできます。
px(ピクセル)の単位の他にpt(ポイント)指定なども使えます。


サンプルを見る


 文字間隔

<span style="letter-spacing:2px;">文字と文字の間隔を2ピクセルにします</span>

<span style="font-size:12px; line-height:16px; letter-spacing:2px;">
文字サイズ12ピクセル、行間隔16ピクセル、文字間隔2ピクセルに指定します
</span>

文字間隔を指定したい部分の前後を、上のようなタグで囲みます。
反映されないブラウザが結構あります(^^;

spanの他に、<div>や<p>、<font>を使うこともできます。
px(ピクセル)の単位の他にpt(ポイント)指定なども使えます。


サンプルを見る


| レシピトップへ |
| トップページへ |
-- CopyRight(C) ホームページキッチン 2006 Haruyo --