Modern CSS - Support Browser Version

| CSS | iOS Safari | Firefox | Edge | Chrome | Android Chrome |
|---|---|---|---|---|---|
| Variables Custom Properties | 10- | 31- | 16- | 49- | 137- |
| :is() | 14- | 82- | 88- | 88- | 137- |
| :where() | 14- | 82- | 88- | 88- | 137- |
| @layer | 15.4- | 97- | 99- | 99- | 137- |
| :has() | 15.4- | 121- | 105- | 105- | 137- |
| color-mix() | 16.2- | 113- | 111- | 111- | 137- |
| @property | 16.4- | 128- | 85- | 85- | 137- |
| media queries Range Syntax | 16.4- | 63- | 104- | 104- | 137- |
| Nesting (ネスト) | 16.5- (& req) | 117- | 120- | 120- | 137- |
| @scope | 17.4- | - | 118- | 118- | 137- |
| text-wrap: balance | 17.5- | 121- | 130- | 130- | 137- |
| light-dark() | 17.5- | 120- | 123- | 123- | 137- |
| field-sizing | - | - | 123- | 123- | 137- |
| interpolate-size | - | - | 129- | 129- | 137- |
| if() | - | - | 137- | 137- | 138- |
| Variables in media query breakpoint | - | - | - | - | - |