この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:4
ページ更新者:guest
更新日時:2026-06-11 07:07:02

タイトル: style要素
SEOタイトル: HTML style要素 完全ガイド（CSSの組み込み / type属性 / media / scoped / CSP / link との使い分け）

この記事の要点

  • 赤い段落

    枠つきボックス

    主な属性

    属性意味例
    typeMIME タイプ。HTML5 では省略可（既定 text/css）type="text/css"
    media適用するメディア条件（メディアクエリ）media="(max-width:600px)"
    nonceCSP の style-src 'nonce-xxx' と照合する識別子nonce="abc123"
    title代替スタイルシートのタイトルtitle="Dark"

    media 属性で条件付き適用

    media 属性で、その

    CSS の組み込み方 3 方式

    HTML に CSS を適用する方法は 3 つあります。

その HTML 内HTML と同時にキャッシュ
で外部 CSSリンクされたページ全体CSS 単位で長期キャッシュ可
style 属性（インライン）

その要素のみキャッシュ不可

style 要素と link 要素の使い分け

シーン推奨理由
共通 CSS を複数ページで使う 外部 CSSキャッシュが効く、保守が楽
そのページ専用のスタイル