HTMLの<style>タグ
例
HTMLドキュメント内の<style>要素を使用します:
<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
»をお試しください
ブラウザのサポート
すべての主要なブラウザは、<スタイル>タグをサポートしています。
タグの定義と指示
<スタイル>タグは、HTML文書内のスタイル情報を定義します。
<スタイル>要素で、あなたはどのようにHTMLドキュメントをレンダリングするためにブラウザを指定することができます。
各HTMLドキュメントには、複数の<style>タグを含めることができます。
ヒントと注意事項
ヒント:使用して、外部スタイルシートをリンクするには、<リンク>タグを。
ヒント:スタイルシートの詳細については、私たちのお読みくださいCSSのチュートリアルを 。
注:「スコープ」プロパティを使用しない場合は、それぞれの<スタイル>タグは、頭部領域の頭の上にある必要があります。
HTML 4.01とHTML5との違い
HTML 5の「スコープ」属性は、私たちは、ドキュメントの指定した部分ではなく、文書全体のスタイルを定義することができます新しいプロパティです。
あなたは「スコープ」属性を使用する場合は、スタイルは、指定された親要素のスタイル要素とその子要素に適用することができます。
プロパティ
新:HTML5新しいプロパティ。
属性 | 值 | 描述 |
---|---|---|
media | media_query | 为样式表规定不同的媒体类型。 |
scoped New | scoped | 如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。 |
type | text/css | 规定样式表的 MIME 类型。 |
グローバル・プロパティ
<スタイル>タグはサポートしてHTMLグローバルプロパティを 。
イベントプロパティ
<スタイル>タグがサポートしているHTMLのイベントプロパティを 。
関連記事
HTMLチュートリアル: HTML CSS
HTML DOMリファレンス: スタイルオブジェクト