スタイルシートの設定(<style>タグの場合)

動作ブラウザ 【 IE:3.0  NN:4.0  Safari:1.0】 ■CSSバージョン【1】
Internet Explorer Netscape Navigator Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 7.x 2.x 1.x
Windows - × × - -
Macintosh × - - × × ×
UNIX - - - - - - × × - -

ポイント <style type="text/css"><!--
  :
--></style>
説  明 スタイルシートは<style>〜</style>の間に定義します。<style>タグに対応していないブラウザ用にHTMLのコメント<!-- -->を利用してスタイル定義部分が表示されないようにします。スタイルは「セレクタ { プロパティ:値; }」で指定します。
サンプル <html>
<head>
<title>スタイルシートの設定</title>
<style type="text/css"><!--
h1 { font-size:14pt;
color:red;
background-color:#e0e0ff;
width:320px;
}
.mainBody {
background-color:#eef;
border:1px solid gray;
width:320px;
}
--></style>
</head>
<body>
<h1>スタイルシートの設定</h1>
<div class="mainBody">
 スタイルシートを使ってページの見た目(装飾)を設定します。
</div>
</body>
</html>
補足説明 なし

■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View!