Widely available すべての主要ブラウザで対応済み。安心して使用可能。
テキスト・構造 Widely available

<style>

<style> 要素は文書や文書の一部にCSS スタイル情報を適用します。

テキスト・構造

概要

<style> 要素は文書や文書の一部にCSS スタイル情報を適用します。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 1+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 1+
Firefox Android 4+

基本構文

HTML 
<style>
  .highlight {
    background-color: yellow;
    padding: 0.2em 0.4em;
  }
  .text-center {
    text-align: center;
  }
</style>

実務での使いどころ

  • <style> の活用

    CSS スタイル情報を文書に埋め込む要素。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク