<スタイル>
HTML <style> タグ
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>インスタンスの実行»
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
ブラウザのサポート
すべてのメジャーすべてのブラウザが <style> タグをサポートしています。
タグの定義と使用方法
<style> タグは、HTML ドキュメントのスタイル情報を定義します。
<style> 要素では、HTML ドキュメントがブラウザーでどのようにレンダリングされるかを指定できます。
各 HTML ドキュメントには複数の <style> タグを含めることができます。
ヒントとメモ
ヒント: 外部スタイルシートにリンクするには、<link> タグを使用します。
ヒント: スタイルシートの詳細については、CSS チュートリアルをお読みください。
注: 「scoped」属性が使用されない場合、各 <style> タグは head ヘッダー領域に配置する必要があります。
HTML 4.01 と HTML5 の違い
「scoped」属性は HTML 5 の新しい属性で、文書全体ではなく文書の指定された部分のスタイルを定義できるようになります。
「scoped」属性を使用する場合、指定されたスタイルは、style 要素の親要素とその子要素にのみ適用されます。
属性
New: HTML5 の新しい属性。
| 属性 | 値 | 説明 |
|---|---|---|
| media | media_query | スタイルシートにさまざまなメディアタイプを指定します。 |
| scopedNew | scoped | この属性が使用される場合、スタイルは style 要素の親要素とその子要素にのみ適用されます。 |
| type | text/css | スタイルシートのMIMEタイプを指定します。 |
グローバル属性
<style> タグは HTML グローバル属性をサポートします。
イベント属性
<style> タグは HTML イベント属性をサポートします。
関連記事
HTMLチュートリアル: HTML CSS
HTML DOMリファレンスマニュアル: スタイルオブジェクト
