HTML - style 要素

概要

名前
style
カテゴリー
Metadata content
配置できる場所
Metadata content が期待される場所、または head 要素内の noscript 要素の中。
コンテンツモデル
スタイルシートの内容を表すテキスト。
説明
style 要素は、その文書に適用するスタイル情報 (スタイルシート) を書き込むための要素です。
タグの省略
開始タグも終了タグも省略できません。
DOM Interface
HTMLStyleElement
仕様書
仕様書策定状況コメント
LS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

属性

サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
type31113.511
media31113.511
title31113.511
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
type
この属性は、スタイル言語を MIME タイプで定義します (文字セットは指定すべきではありません)。この属性は省略可能であり、省略した場合の既定値は text/css です。
media
この属性はスタイルを適用するメディアを定義します。値はメディアクエリであり、省略した場合の既定値は all です。
nonce
script-src コンテンツセキュリティポリシー内の行内スクリプトをホワイトリストに入れるために使われる暗号ノンス (ワンタイム番号) です。サーバはポリシーを送信するたびに一意のノンス値を生成する必要があります。それ以外の方法でリソースのポリシーのバイパスとして推測できないノンスを提供することが重要です。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

scoped
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。

サンプルコード

style 要素のサンプルコードは以下のとおりです。

<!doctype html>
<html>
<head>
  <style>
    p {
      color: red;
    }
  </style> 
</head>
<body>
  <p>This is my paragraph.</p>
</body>
</html>
style 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
16
Shares:
0
Tag:
HTML
hatebu icon
hatebu