フォントサイズの相対的な指定

フォントサイズを相対的に変える方法として、まず１つ目は<big>要素、要素を使う方法があります。<big>要素は大きく、要素は小さくします。どの程度サイズが変わるかは決まっている訳ではないので、ブラウザで表示されるときの大きさはユーザーの環境によって違うかもしれません。

もうひとつの方法は要素のsize属性で指定する方法です。属性の値として「＋」または「－」を付けた数字で指定します。サイズの段階はプラス側・マイナス側両方含めて全部で７段階までです。例えばマイナス側を「－２」とした場合は、プラス側が「＋４」までになります。
ただし、新しいHTMLの標準仕様では要素自体が非推奨とされているので、スタイルシートを使った設定をした方がよいでしょう。

記述例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>タイトル</title> </head> <body> <big><big>要素を使った相対的なフォントの指定</big> <small><small>要素を使った相対的なフォントの指定</small> <font size="-2">フォントサイズ－２</font> <font size="-1">フォントサイズ－１</font> <font size="+1">フォントサイズ＋１</font> <font size="+2">フォントサイズ＋２</font> <font size="+3">フォントサイズ＋３</font> <font size="+4">フォントサイズ＋４</font> </body> <html> 表示状態
<big>要素を使ったフォントの相対的な指定 <small>要素を使ったフォントの相対的な指定フォントサイズ－２フォントサイズ－１フォントサイズ＋１フォントサイズ＋２フォントサイズ＋３フォントサイズ＋４

記述例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>タイトル</title>
</head>
<body>
<big><big>要素を使った相対的なフォントの指定</big>
要素を使った相対的なフォントの指定

フォントサイズ－２
フォントサイズ－１
フォントサイズ＋１
フォントサイズ＋２
フォントサイズ＋３
フォントサイズ＋４
</body>
<html>

表示状態

<big>要素を使ったフォントの相対的な指定

要素を使ったフォントの相対的な指定

フォントサイズ－２

フォントサイズ－１

フォントサイズ＋１

フォントサイズ＋２

フォントサイズ＋３

フォントサイズ＋４