HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <style> タグ

HTMLの<style>タグはCSSをHTMLドキュメントに埋め込むために使用されます。これを<body>タグ内または<head>タグ内に配置できます。デフォルトでは、<style>タグのスタイル情報は通常CSSの形式です。このタグは通常<style>要素とも呼ばれます。

オンラインサンプル

HTMLドキュメント内で<style>要素を使用する方法：

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML　styleタグの使用(基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<style>
　　　h1　{　color:　blue;　}
　　　.p-style{color:red;font-weight:bold;}
</style>
</head>
<body>
　　　<h1>HTML5　Example</h1>
　　　<p　class="p-style">これはstyleスタイルを持つ段落</p>
</body
</html>

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<style>タグをサポートしています。

タグの定義および使用方法

HTMLドキュメントには複数の<style>タグを含むことができます。

ヒントと注意事項

ヒント：外部のスタイルシートをリンクする場合、以下を使用してください <link> タグ。

ヒント：スタイルシートに関するさらに多くの知識を学びたい場合は、私たちの CSS 教程。

注記：「scoped」属性を使用していない場合、各<style>タグはheadヘッダー領域に配置する必要があります。

HTML 4.01 とHTML5の差異

「scoped」属性はHTML 5 に新しい属性があります。これは、ドキュメントの指定部分にのみスタイルを定義できるようにします。
「scoped」属性を使用すると、指定されたスタイルはstyle要素の親要素およびその子要素にのみ適用されます。

属性

New ：HTML5 に新しい属性があります。

属性	値	説明
media	media_query	スタイルシートに対して異なるメディアタイプを指定します。
scopedHTML5	scoped	この属性を使用すると、スタイルはstyle要素の親要素およびその子要素にのみ適用されます。
type	text/css	スタイルシートのMIMEタイプを指定します。

グローバル属性

イベント属性

HTML 教程：HTML CSS

HTML DOM 参考手帳：Style オブジェクト

HTML: <sub> タグ HTML: <strong> タグ