<font size="フォントサイズの相対値">文字列</font>
フォントサイズの相対値=基準値から±1〜6の範囲で指定。
フォントサイズの相対値=基準値から±1〜6の範囲で指定。
| 要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
|---|---|---|---|---|
| font | フォントの色、種類、サイズ | 非推奨 | ||
| face | フォントの種類 | 非推奨 | ||
| color | フォントの色 | 非推奨 | ||
| size | フォントのサイズ | 非推奨 | ||
| class | クラス名 | |||
| id | ＩＤ名 | |||
| title | 補足情報 | |||
| style | スタイルシート | |||
| lang | 言語コード | |||
| dir | 文字表記の方向 |
フォントサイズは、基準となるサイズから相対的に大きいか小さいかを段階的に指定できます。
基準となるサイズを、basefont要素のsize属性で指定して(<basefont size="フォントサイズの基準値">)、font要素のsize属性で
基準値からどれだけ大きくするか、小さくするかを±1〜6の範囲で、基準値からプラスマイナスした結果が、1〜7になるように指定します。
基準のサイズを指定しない場合は、「３」が基準値になります。
ただし、basefont要素は、Internet Explorerのみ対応しています。
注意 ： basefont要素、font要素は、HTML4.01では非推奨。
フォントサイズを指定する場合は、スタイルシートを利用するようにして下さい。
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>フォントサイズを相対値で指定する。</title>
</head>
<body text="blue" bgcolor="#FFF8DC">
<basefont size="3">
<p>フォントの基準値を3に設定しました、基準値フォントサイズは3です。</p>
<p><font size="+2">フォントサイズを基準値から+2で表示してます。(プラスマイナスの結果フォントサイズは5になります) </font></p>
<basefont size="6"><p>フォントの基準値を6に設定しました、基準値フォントサイズは6です。</p>
<p><font size="-1">フォントサイズを基準値から-1で表示してます。(プラスマイナスの結果フォントサイズは5になります) </font></p>
</body>
</html>
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>フォントサイズを相対値で指定する。</title>
</head>
<body text="blue" bgcolor="#FFF8DC">
<basefont size="3">
<p>フォントの基準値を3に設定しました、基準値フォントサイズは3です。</p>
<p><font size="+2">フォントサイズを基準値から+2で表示してます。(プラスマイナスの結果フォントサイズは5になります) </font></p>
<basefont size="6"><p>フォントの基準値を6に設定しました、基準値フォントサイズは6です。</p>
<p><font size="-1">フォントサイズを基準値から-1で表示してます。(プラスマイナスの結果フォントサイズは5になります) </font></p>
</body>
</html>
Internet Explorer8での表示例
