style
<style> 要素は文書に対しスタイル情報を示すのに使用されます。スタイルは主に CSS が使用され直接要素内に記述します。
外部スタイルシートを読み込む場合は <link> を参照してください。
- 分類
- メタデータコンテンツ、scoped 属性が指定されている場合はフローコンテンツ
- 内包できるもの
- スタイル情報(text/css)
属性
スタイルの MIME タイプ
type=”” 属性はそのスタイルシートの MIME タイプを指定します。
<style type="text/css"></style>
対象となるメディア
media=”” 属性はスタイルの対象となるメディアを指定します。初期値は all です。
- all
- すべてのデバイス
- screen
- PC, タブレット, スマートフォン等 ディスプレイ
- プリンタ
コンテンツセキュリティポリシーで使用する暗号
nonce=”” 属性は style 要素の内容を実行するかどうかを nonce(ワンタイムトークン)によって決定します。
メタデータの名前
title=”” 属性はスタイルの名前を指定します。これが指定されると代替スタイルシートとして認識され、一部の Web ブラウザの機能や Javascript によってスタイルの切り替えが可能になります。
サンプル
<style type="text/css">
p {
color: red;
}
</style>