文字のサイズと色を指定する

[新着] Webテンプレートを仮オープンしました


<font size="" color="">


fontタグで、文字のサイズや色を指定することができます。


<font size="5" color="#ff0000">文字のサイズと色を指定します</font>


size="" 文字のサイズを指定します(17
color="" 文字の色を指定します

size="" (文字のサイズを指定する)

size="" には、文字のサイズを 1(小さい)〜7(大きい)までの数値で指定します。

この他、基準のサイズに対して -1+2という感じで、相対的に指定することもできます。通常、基準の文字サイズは3になるので、-1ならば文字サイズは2に、+2なら文字サイズは5になります。

※相対的に指定する場合も、サイズの結果が17の範囲に収まるようにします。

基準の文字サイズは、basefontタグで変更することもできます。

color="" (文字の色を指定する)

color="" には、文字の色を指定します。

色の指定は、シャープ( # )で始まる6桁のカラーコードか、redやgreen、whiteといったカラーネームで行います。詳細についてはカラーチャートのページをご覧ください。

※この要素は、HTML4.01では非推奨とされています。

メモ

この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

<p>これは標準のサイズ</p>
<p><font size="5">このサイズは5</font></p>
<p><font size="-1">このサイズは標準から-1</font></p>
<p><font color="#0000ff">文字を青くしてみます</font></p>
<p><font size="7" color="#00ff00">サイズが7で緑色</font></p>

これをブラウザで見ると次のように表示されます

これは標準のサイズ

このサイズは5

このサイズは標準から-1

文字を青くしてみます

サイズが7で緑色



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版