スタイルシートの設定(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="スタイル">
説  明 スタイルシートはタグのstyle属性を使って指定することができます。style属性を使って指定する場合、<meta>タグで以下のように指定しておく必要があります。特に指定しなくても自動的に解釈して処理はしてくれます。

<meta http-equiv="Content-Style-Type" content="text/css">

サンプル <html>
<head>
<title>スタイルシートの設定</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<h1 style="font-size:14pt;color:red;background-color:#e0e0ff;width:320px;">スタイルシートの設定</h1>
<div style="background-color:#eef;border:1px solid gray;width:320px;">
 スタイルシートを使ってページの見た目(装飾)を設定します。
</div>
</body>
</html>
補足説明 なし

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