We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

CSSSupportsRule インターフェイスは、1 個の CSS @supports @-規則 を表すオブジェクトを表します。これは、CSSConditionRule インターフェイス、さらに型定数の値が 12 (CSSRule.SUPPORTS_RULE) の CSSRule インターフェイスと CSSGroupingRule インターフェイスを実装します。


構文は、WebIDL 形式で記述されます。

interface CSSSupportsRule : CSSConditionRule {


CSSConditionRule、さらに CSSGroupingRuleCSSRule の両方のインターフェイスを持つため、CSSSupportsRule は、これらのインターフェイスのプロパティも実装します。固有のプロパティはありません。


CSSConditionRule、さらに CSSGroupingRuleCSSRule の両方のインターフェイスを持つため、CSSSupportsRule は、これらのインターフェイスのメソッドも実装します。固有のプロパティはありません。


仕様書 策定状況 備考
CSS Conditional Rules Module Level 3
CSSSupportsRule の定義
勧告候補 初期定義


We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 未サポート 17 (17)[1] 未サポート 12.10 未サポート
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 未サポート 17.0 (17)[1] 未サポート 未サポート 未サポート

[1] この @-規則の接頭辞付きは意味がありません。CSSSupportsRule は、ユーザーが layout.css.supports-rule.enable の設定値を true に設定して有効にしている場合のみサポートされます。

Firefox 17 から 19 までを含み、CSSSupportsRuleCSSRule から直接派生しました。このメソッドとプロパティは、CSSSupportsRule で定義されている CSSConditionRule レベルで定義されるようになりました。仕様の草案が更新され、Firefox 20 で更新されました。



このページの貢献者: Marsf
最終更新者: Marsf,