styleの使い方についてまとめ

styleの概要

スタイルシートを記述するためのタグです。

styleのカテゴリー

    コンテンツモデル

    • コンテンツモデルなし

styleに入れられるタグ一覧

タグ早見表

スタイルシート

入れられるタグのカテゴリー・モデル

  • コンテンツカテゴリなし
  • コンテンツモデルなし

styleに使える属性

属性とは<style> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード

styleで使える属性

media 概要 スタイルシートを適用するメディアを指定します。
属性の値 screen, print, all
nonce 概要 CSP(Content Security Policy)チェックで用いられるワンタイムトークンを指定します。
属性の値 トークン

スポンサードサーチ

styleの使い方



ブラウザ対応状況

ブラウザの対応(PC)
Chrome あり
Safari あり
Internet Explorer あり
Edge あり
Firefox あり
Opera あり
ブラウザの対応(SP)
Chrome あり
Safari あり
Samsung Internet あり

WORK REQUEST

CONTACT