The if() CSS function allows different values to be set for a property depending on the result of a conditional test. The test can be based on a style query, a media query, or a feature query.
Chrome
- ❌ 4 - 136: Not supported
- ✅ 137 - 148: Supported
- ✅ 149: Supported
- ✅ 150 - 152: Supported
Edge
- ❌ 12 - 136: Not supported
- ✅ 137 - 148: Supported
- ✅ 149: Supported
Safari
- ❌ 3.1 - 26.3: Not supported
- ❌ 26.4: Not supported
- ❌ 26.5 - TP: Not supported
Firefox
- ❌ 2 - 150: Not supported
- ❌ 151: Not supported
- ❌ 152 - 154: Not supported
Opera
- ❌ 9 - 120: Not supported
- ✅ 121 - 127: Supported
- ✅ 131: Supported
IE
- ❌ 5.5 - 10: Not supported
- ❌ 11: Not supported
Chrome for Android
- ✅ 149: Supported
Safari on iOS
- ❌ 3.2 - 26.3: Not supported
- ❌ 26.4: Not supported
- ❌ 26.5: Not supported
Samsung Internet
- ❌ 4 - 29: Not supported
- ❌ 30: Not supported
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ❌ 10 - 12.1: Not supported
- ❌ 80: Not supported
UC Browser for Android
- ❌ 15.5: Not supported
Android Browser
- ❌ 2.1 - 4.4.4: Not supported
- ✅ 149: Supported
Firefox for Android
- ❌ 151: Not supported
QQ Browser
- ❌ 14.9: Not supported
Baidu Browser
- ❌ 13.52: Not supported
KaiOS Browser
- ❌ 2.5: Not supported
- ❌ 3: Not supported