style 要素スタイル情報を記述する

style 要素は文書に CSS によるスタイル情報を記述します。

さらに詳細な説明を見る

サンプルソースを見る

style 要素の仕様

カテゴリ
コンテンツモデル
  • スタイルシートの記述
この要素を使用できる文脈
  • メタデータ・コンテンツが期待される場所
  • head 要素の子要素となる noscript 要素の中
この要素で使用できる属性

この要素に対して使用される title 属性は、特別な意味をもちます。

DOM インタフェース
interface HTMLStyleElement : HTMLElement {
  attribute DOMString media;
  attribute DOMString nonce;
  attribute DOMString type;
};
HTMLStyleElement implements LinkStyle;

詳細説明

style 要素に指定可能な属性は下記の通りです。

属性 概要
media 属性 スタイルシートを適用する対象となるメディアタイプを指定します。
type 属性 スタイルシートの MIME タイプを指定します。省略した場合、初期値は text/css となります。
nonce 属性 CSP(Content Security Policy)によって、文書内に読み込まれた script 要素や、style 要素の内容を実行するかを決定するために利用される nonce(number used once / ワンタイムトークン) を指定します。

style 要素のサンプルソース

<!DOCTYPE html>
<html lang="ja">
 <head>
  <title>サンプルサイト</title>
  <style>
   body {color: black; background: white;}
   em {font-style: normal; color: red;}
  </style>
 </head>
 <body>
  …省略…
 </body>
</html>

関連する要素

W3C HTML5 仕様書

4.2.6 The style element