CSS :modal パーシャルクラス

定義と使用法

CSS :modal パーシャルクラスは、モーダル状態にある要素のスタイルを選択および設定するために使用されます。

モーダル状態にある要素のスタイルを選択および設定します:

:modal {
  background-color: gold;
  border: 2px solid maroon;
  border-radius: 8px;
  font-size: 20px;
}

自分で試してみてください

CSS文法

:modal {
  css宣言;
}

技術的詳細

バージョン: CSS4

ブラウザのサポート

テーブルに記載された数字は、そのパーシャルクラスを完全にサポートする最初のブラウザのバージョンを指定しています。

Chrome Edge Firefox Safari Opera
105 105 103 15.6 91