CSS 条件付き規則

CSS 条件付き規則 (CSS Conditional Rules) は CSS のモジュールの一つで、プロセッサーの能力やスタイルシートが適用される文書の条件に基づいて一連の規則を定義することができます。

リファレンス

@-規則

仕様書

仕様書 状態 備考
CSS Conditional Rules Module Level 3 勧告候補 初回定義

ブラウザーの対応

@document 規則

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
@document
実験的非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 61
接頭辞付き 補足 無効
完全対応 61
接頭辞付き 補足 無効
接頭辞付き -moz- のベンダー接頭辞が必要
補足 Disabled by default in web pages, except for an empty url-prefix() value, which is supported due to its use in Firefox browser detection. Still supported in user stylesheets.
無効 From version 61: this feature is behind the layout.css.moz-document.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 1.5 — 61
接頭辞付き
接頭辞付き -moz- のベンダー接頭辞が必要
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 61
接頭辞付き 補足 無効
完全対応 61
接頭辞付き 補足 無効
接頭辞付き -moz- のベンダー接頭辞が必要
補足 Disabled by default in web pages, except for an empty url-prefix() value, which is supported due to its use in Firefox browser detection. Still supported in user stylesheets.
無効 From version 61: this feature is behind the layout.css.moz-document.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 4 — 61
接頭辞付き
接頭辞付き -moz- のベンダー接頭辞が必要
Opera Android ? Safari iOS 未対応 なしSamsung Internet Android 未対応 なし
regexp()
実験的非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 6IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 6Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

@import 規則

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
@importChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 5.5Opera 完全対応 ありSafari 完全対応 1WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応

@media 規則

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
@mediaChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 6Opera 完全対応 9.2Safari 完全対応 1.3WebView Android 完全対応 1Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
any-hover media featureChrome 完全対応 41Edge 完全対応 16Firefox 完全対応 64IE 未対応 なしOpera 完全対応 28Safari 完全対応 9WebView Android 完全対応 41Chrome Android 完全対応 41Firefox Android 完全対応 64Opera Android 完全対応 28Safari iOS 完全対応 9Samsung Internet Android 完全対応 5.0
any-pointer media featureChrome 完全対応 41Edge 完全対応 12Firefox 完全対応 64IE 未対応 なしOpera 完全対応 28Safari 完全対応 9WebView Android 完全対応 41Chrome Android 完全対応 41Firefox Android 完全対応 64Opera Android 完全対応 28Safari iOS 完全対応 9Samsung Internet Android 完全対応 4.0
aspect-ratio media featureChrome 完全対応 3Edge 完全対応 12Firefox 完全対応 3.5IE 完全対応 9Opera 完全対応 ありSafari 完全対応 4.1WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 4.2Samsung Internet Android 完全対応 1.0
calc() expressionsChrome 完全対応 66Edge 未対応 なしFirefox 完全対応 59IE 未対応 なしOpera 完全対応 53Safari 完全対応 12WebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 完全対応 59Opera Android 完全対応 47Safari iOS 完全対応 12Samsung Internet Android 完全対応 9.0
color media featureChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 2IE 完全対応 9Opera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
color-gamut media featureChrome 完全対応 58Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 45Safari 完全対応 10WebView Android 完全対応 58Chrome Android 完全対応 58Firefox Android 未対応 なしOpera Android 完全対応 43Safari iOS 完全対応 10Samsung Internet Android 完全対応 7.0
color-index media featureChrome 完全対応 29Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 16Safari 完全対応 8WebView Android 完全対応 ≤37Chrome Android 完全対応 29Firefox Android 未対応 なしOpera Android 完全対応 16Safari iOS 完全対応 8Samsung Internet Android 完全対応 2.0
device-aspect-ratio media feature
非推奨非標準
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 2IE 完全対応 9Opera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
device-height media feature
非推奨非標準
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 2IE 完全対応 9Opera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
device-width media feature
非推奨非標準
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 2IE 完全対応 9Opera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
display-mode media featureChrome 完全対応 45Edge 未対応 なしFirefox 完全対応 47
補足
完全対応 47
補足
補足 Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
IE 未対応 なしOpera 完全対応 32Safari 完全対応 13WebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 47
補足
完全対応 47
補足
補足 Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
Opera Android 完全対応 32Safari iOS 完全対応 13Samsung Internet Android 完全対応 5.0
grid media featureChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 2IE 完全対応 10Opera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
height media featureChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 2IE 完全対応 9Opera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
hover media featureChrome 完全対応 38
補足
完全対応 38
補足
補足 Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Edge 完全対応 12Firefox 完全対応 64IE 未対応 なしOpera 完全対応 28Safari 完全対応 9WebView Android 完全対応 38
補足
完全対応 38
補足
補足 Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Chrome Android 完全対応 50Firefox Android 完全対応 64Opera Android 完全対応 28Safari iOS 完全対応 9Samsung Internet Android 完全対応 5.0
inverted-colors media featureChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 9.1WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 10Samsung Internet Android 未対応 なし
light-level media featureChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
Media feature expressionsChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 9Opera 完全対応 9.2Safari 完全対応 1.3WebView Android 完全対応 1Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 1.0
Media query value supportChrome 完全対応 66Edge 未対応 なしFirefox 完全対応 59IE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 完全対応 59Opera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
monochrome media featureChrome 完全対応 1Edge 未対応 なしFirefox 完全対応 2IE 未対応 なしOpera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
orientation media featureChrome 完全対応 3Edge 完全対応 12Firefox 完全対応 2IE 完全対応 9Opera 完全対応 ありSafari 完全対応 4.1WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 4.2Samsung Internet Android 完全対応 1.0
overflow-block media featureChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 66IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 66Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
overflow-inline media featureChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 66IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 66Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
pointer media featureChrome 完全対応 41Edge 完全対応 12Firefox 完全対応 64IE 未対応 なしOpera 完全対応 28Safari 完全対応 9WebView Android 完全対応 41Chrome Android 完全対応 50Firefox Android 完全対応 64Opera Android 完全対応 28Safari iOS 完全対応 9Samsung Internet Android 完全対応 5.0
prefers-color-scheme media featureChrome 完全対応 76Edge 未対応 なしFirefox 完全対応 67IE 未対応 なしOpera 完全対応 62Safari 完全対応 12.1WebView Android 完全対応 76Chrome Android 完全対応 76Firefox Android 完全対応 67Opera Android 完全対応 54Safari iOS 完全対応 13Samsung Internet Android 未対応 なし
prefers-reduced-motion media featureChrome 完全対応 74Edge 未対応 なしFirefox 完全対応 63IE 未対応 なしOpera 完全対応 62Safari 完全対応 10.1WebView Android 完全対応 74Chrome Android 完全対応 74Firefox Android 完全対応 64Opera Android 完全対応 53Safari iOS 完全対応 10.3Samsung Internet Android 未対応 なし
resolution media featureChrome 完全対応 29Edge 完全対応 12Firefox 完全対応 8
完全対応 8
部分対応 3.5
補足
補足 Supports <integer> values only.
IE 完全対応 9Opera 完全対応 16
完全対応 16
未対応 10 — 15
Safari 未対応 なし
補足
未対応 なし
補足
補足 See bug 78087.
WebView Android 完全対応 ≤37Chrome Android 完全対応 29Firefox Android 完全対応 8
完全対応 8
部分対応 4
補足
補足 Supports <integer> values only.
Opera Android 完全対応 16
完全対応 16
未対応 10.1 — 14
Safari iOS 未対応 なし
補足
未対応 なし
補足
補足 See bug 78087.
Samsung Internet Android 完全対応 2.0
scan media featureChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android ? Safari iOS 未対応 なしSamsung Internet Android 未対応 なし
scripting media featureChrome 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Edge 未対応 なしFirefox 未対応 なし
補足
未対応 なし
補足
補足 See bug 1166581.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Chrome Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Firefox Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 1166581.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
speech media typeChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 9.2Safari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 完全対応 10.1Safari iOS 未対応 なしSamsung Internet Android 未対応 なし
update media featureChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
width media featureChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 2IE 完全対応 9Opera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
-moz-device-pixel-ratio media feature
非推奨非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 4IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
-webkit-animation media feature
非推奨非標準
Chrome 未対応 2 — 36Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 23Safari 完全対応 4WebView Android 未対応 ≤37 — ≤37Chrome Android 未対応 18 — 36Firefox Android 未対応 なしOpera Android 未対応 ? — 24Safari iOS 完全対応 3.2Samsung Internet Android 未対応 1.0 — 3.0
-webkit-device-pixel-ratio media feature
非標準
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 63
補足
完全対応 63
補足
補足 Implemented as an alias for for -moz-device-pixel-ratio.
完全対応 49
補足 無効
補足 Implemented as an alias for for -moz-device-pixel-ratio.
無効 From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
完全対応 45
補足 無効
補足 Implemented as an alias for for -moz-device-pixel-ratio.
無効 From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 63
補足
完全対応 63
補足
補足 Implemented as an alias for for -moz-device-pixel-ratio.
完全対応 49
補足 無効
補足 Implemented as an alias for for -moz-device-pixel-ratio.
無効 From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
完全対応 45
補足 無効
補足 Implemented as an alias for for -moz-device-pixel-ratio.
無効 From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
-webkit-max-device-pixel-ratio media feature
非標準
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 63
補足
完全対応 63
補足
補足 Implemented as an alias for for max--moz-device-pixel-ratio.
完全対応 49
補足 無効
補足 Implemented as an alias for for max--moz-device-pixel-ratio.
無効 From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
完全対応 45
補足 無効
補足 Implemented as an alias for for max--moz-device-pixel-ratio.
無効 From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 63
補足
完全対応 63
補足
補足 Implemented as an alias for for max--moz-device-pixel-ratio.
完全対応 49
補足 無効
補足 Implemented as an alias for for max--moz-device-pixel-ratio.
無効 From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
完全対応 45
補足 無効
補足 Implemented as an alias for for max--moz-device-pixel-ratio.
無効 From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
-webkit-min-device-pixel-ratio media feature
非標準
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 63
補足
完全対応 63
補足
補足 Implemented as an alias for for min--moz-device-pixel-ratio.
完全対応 49
補足 無効
補足 Implemented as an alias for for min--moz-device-pixel-ratio.
無効 From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
完全対応 45
補足 無効
補足 Implemented as an alias for for min--moz-device-pixel-ratio.
無効 From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 ありSafari 完全対応 3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 63
補足
完全対応 63
補足
補足 Implemented as an alias for for min--moz-device-pixel-ratio.
完全対応 49
補足 無効
補足 Implemented as an alias for for min--moz-device-pixel-ratio.
無効 From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
完全対応 45
補足 無効
補足 Implemented as an alias for for min--moz-device-pixel-ratio.
無効 From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
-webkit-transform-2d media feature
非標準
Chrome 未対応 2 — 36Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 23Safari 完全対応 4WebView Android 未対応 ≤37 — ≤37Chrome Android 未対応 18 — 36Firefox Android 未対応 なしOpera Android 未対応 ? — 24Safari iOS 完全対応 3.2Samsung Internet Android 未対応 1.0 — 3.0
-webkit-transform-3d media feature
非標準
Chrome 未対応 2 — 36Edge 完全対応 12Firefox 完全対応 49
完全対応 49
完全対応 46
無効
無効 From version 46: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 未対応 ? — 23Safari 完全対応 4WebView Android 未対応 ≤37 — ≤37Chrome Android 未対応 18 — 36Firefox Android 完全対応 49
完全対応 49
完全対応 46
無効
無効 From version 46: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 未対応 ? — 24Safari iOS 完全対応 3.2Samsung Internet Android 未対応 1.0 — 3.0
-webkit-transition media feature
非推奨非標準
Chrome 未対応 2 — 36Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 ? — 23Safari 完全対応 4WebView Android 未対応 ≤37 — ≤37Chrome Android 未対応 18 — 36Firefox Android 未対応 なしOpera Android 未対応 ? — 24Safari iOS 完全対応 3.2Samsung Internet Android 未対応 1.0 — 3.0

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

@supports 規則

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
@supportsChrome 完全対応 28Edge 完全対応 12Firefox 完全対応 22
完全対応 22
未対応 17 — 22
無効
無効 From version 17 until version 22 (exclusive): this feature is behind the layout.css.supports-rule.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 12.1Safari 完全対応 9WebView Android 完全対応 ≤37Chrome Android 完全対応 28Firefox Android 完全対応 22
完全対応 22
未対応 17 — 22
無効
無効 From version 17 until version 22 (exclusive): this feature is behind the layout.css.supports-rule.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 12.1Safari iOS 完全対応 9Samsung Internet Android 完全対応 1.5
selector()Chrome 未対応 なし
補足
未対応 なし
補足
補足 See bug 979041.
Edge 未対応 なしFirefox 完全対応 69
完全対応 69
完全対応 64
無効
無効 From version 64: this feature is behind the layout.css.supports-selector.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 未対応 なし
補足
未対応 なし
補足
補足 See bug 979041.
Safari 未対応 なしWebView Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 979041.
Chrome Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 979041.
Firefox Android 完全対応 64
無効
完全対応 64
無効
無効 From version 64: this feature is behind the layout.css.supports-selector.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 979041.
Safari iOS 未対応 なしSamsung Internet Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 979041.

凡例

完全対応  
完全対応
未対応  
未対応
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
関連トピック