例
使用<style>のHTML文書内の要素：
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
»それを自分で試してみてください 定義と使用法
<style>タグは、HTML文書のスタイル情報を定義するために使用されます。
内部で<style>要素は、HTML要素がブラウザでレンダリングする方法を指定します。
各HTMLドキュメントには、複数含めることができます<style>タグを。
ブラウザのサポート
| 素子 | |||||
|---|---|---|---|---|---|
| <style> | はい | はい | はい | はい | はい |
ヒントと注意事項
ヒント：使用して、外部スタイルシートにリンクするには<link>タグを。
ヒント：スタイルシートの詳細については、私たちのお読みくださいCSSのチュートリアルを 。
注：場合は"scoped"属性を使用しない場合、それぞれが<style>タグがheadセクションに配置する必要があります。
HTML 4.01とHTML5の違い
"scoped"属性は、文書の特定のセクションのスタイルを定義することを可能にするHTML5で新しく追加されました。 場合は"scoped"属性が存在している、スタイルは唯一のスタイル要素の親要素とその要素の子要素に適用されます。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| media | media_query | メディアリソースがために最適化されたものメディア/デバイスを指定します。 |
| scoped | scoped | スタイルだけでこの要素の親要素とその要素の子要素に適用されることを指定します |
| type | text/css | メディアタイプ指定<style>タグを |
グローバル属性
<style>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<style>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTMLチュートリアル： HTML CSS
CSSチュートリアル： CSSチュートリアル
HTML DOMリファレンス： Styleオブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<style>次のデフォルト値を持つ要素を：
style {
display: none;
}