<STYLE>タグ

<STYLE>タグはスタイルシートを記述するためのタ グです。

スタイルシートを利用する際には、<LINK>タグで拡張子が .css の外部スタイルシートファイルを読み込む方法と、<HEAD>〜</HEAD> 内 に<STYLE>タグを用いてスタイルシートを記述する方法と、各タグにstyle属性の値としてスタイル を指定する方法があります。(ちなみに、このページは takaq.css という外部スタイルシートの読み込みと<STYLE>タグを用いた両方で書かれています)

<STYLE>タグを用いてスタイルシートを記述する際には、スタイルシート全体を<!-- -->でコメントにします。これは、スタイルシートに対応していないブラウザで、スタイルシートがそのままテキストとして表示 されることを避けるためです。

<STYLE type="text/css">
<!--
スタイルシート
-->
</STYLE>

■上のような記述の場合、<HEAD>タグ内に書きます、↓の実行ソース例をご覧ください。

【実行サンプルページ】・・・・・・見た後はブラウザの「閉じる」をクリックしてください。

こちら


【実行ソース】

<HTML>
<HEAD>
<STYLE type="text/css">
<!--
BODY {
color: ff0000;
font-size: 12pt;
color : #ff0000;
background-color : 000099;
}
-->
</STYLE>
<TITLE>スタイル</TITLE>
</HEAD>
<BODY><P>スタイルシートで色を設定しています。</P>
</BODY>
</HTML>