"New on the Web": For a given set of browsers, what APIs became stable and when, ordered reverse chronologically.
It's a great source of information for posts like this
Below is a list of features that are in Safari and Safari on iOS, ordered reverse chronologically by when they became stable (i.e, available in the last browser).
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.field-sizing π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.field-sizing.content π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.field-sizing.fixed π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.font-family.math | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.math-shift π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.math-shift.compact π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.math-shift.normal π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-area.self-x-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-x-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-y-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-y-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.span-self-x-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-area.span-self-x-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-area.span-self-y-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-area.span-self-y-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try.flip-x π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try.flip-y π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try.self-x-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try.self-x-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try.self-y-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try.self-y-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try.span-self-x-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try.span-self-x-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try.span-self-y-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try.span-self-y-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try-fallbacks.flip-x π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try-fallbacks.flip-y π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try-fallbacks.self-x-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try-fallbacks.self-x-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try-fallbacks.self-y-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try-fallbacks.self-y-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | Chrome: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try-fallbacks.span-self-x-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try-fallbacks.span-self-x-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try-fallbacks.span-self-y-end π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-try-fallbacks.span-self-y-start π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-visibility π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-visibility.always π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-visibility.anchors-valid π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-visibility.anchors-visible π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.position-visibility.no-overflow π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.scrollbar-color π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.scrollbar-color.auto π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.auto π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.currentColor π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.dashed π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.dotted π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.double π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.from-font π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.grammar-error π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.includes_color-and-style | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.includes_thickness | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.solid π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.spelling-error π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.transparent π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration.wavy π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration-line.grammar-error π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.properties.text-decoration-line.spelling-error π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.selectors.nesting.at-scope | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.types.color.color.colorSpace_parameter_accepts_display-p3-linear_value π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.types.random π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.types.random.dashed-ident π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.types.random.element-shared π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.types.random.step π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.types.sibling-count π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 | ||
| css.types.sibling-index π | Safari | 12/12/2025 | Safari on iOS | 12/12/2025 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.keyframes.named_range_keyframes π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.at-rules.position-try π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.align-items.anchor-center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.align-self.anchor-center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.anchor-name π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.anchor-name.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.anchor-scope π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.anchor-scope.all π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.anchor-scope.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-range π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-range.normal π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-range-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-range-end.normal π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-range-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-range-start.normal π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-timeline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-timeline.auto π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-timeline.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.animation-timeline.scroll π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Firefox: Zero scroll range is treated as 100% but should be 0% (see bug 1780865).Firefox: Supports the deprecated horizontal and vertical axis values, and not the x and y values. | |
| css.properties.animation-timeline.view π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position-x.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position-x.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position-y.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.background-position-y.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.block-size.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.bottom.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.bottom.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.content-visibility.auto π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Safari: Skipped content is not findable via find-in-page.Safari on iOS: Skipped content is not findable via find-in-page.WebView on iOS: Skipped content is not findable via find-in-page. | |
| css.properties.dynamic-range-limit π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.dynamic-range-limit.no-limit π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.dynamic-range-limit.standard π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.height.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inline-size.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-block.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-block.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-block-end.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-block-end.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-block-start.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-block-start.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-inline.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-inline.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-inline-end.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-inline-end.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-inline-start.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.inset-inline-start.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.justify-items.anchor-center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.justify-self.anchor-center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.left.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.left.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-block.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-block-end.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-block-start.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-bottom.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-inline.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-inline-end.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-inline-start.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-left.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-right.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.margin-top.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask-position.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask-position.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask-position.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.mask-position.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.max-block-size.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.max-height.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.max-inline-size.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.max-width.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.min-block-size.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.min-height.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.min-inline-size.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.min-width.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.object-position.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.object-position.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.object-position.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.object-position.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-anchor.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-anchor.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-anchor.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-anchor.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-position.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-position.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-position.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.offset-position.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-block π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-block.auto π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-block.clip π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-block.hidden π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-block.scroll π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-block.visible π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-inline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-inline.auto π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-inline.clip π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-inline.hidden π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-inline.scroll π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.overflow-inline.visible π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.perspective-origin.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.perspective-origin.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.perspective-origin.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.perspective-origin.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.place-items.anchor-center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.place-self.anchor-center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-anchor.auto π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: The generic auto value exists, but it does not yet have the effect described in the spec.Chrome Android: The generic auto value exists, but it does not yet have the effect described in the spec.Edge: The generic auto value exists, but it does not yet have the effect described in the spec.Opera: The generic auto value exists, but it does not yet have the effect described in the spec.Opera Android: The generic auto value exists, but it does not yet have the effect described in the spec.Samsung Internet: The generic auto value exists, but it does not yet have the effect described in the spec.WebView Android: The generic auto value exists, but it does not yet have the effect described in the spec. | |
| css.properties.position-area π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.bottom π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When bottom is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.left π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When left is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.right π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When right is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-block-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-block-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-inline-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-inline-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.self-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When self-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.span-all π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: Using span-all unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.span-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-bottom π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-left π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-right π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-self-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-self-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-self-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-self-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-self-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-self-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-top π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.span-y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-area.top π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When top is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When x-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-end is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-area.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Chrome Android: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Edge: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Firefox: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Firefox for Android: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 2008537.Opera: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Opera Android: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.Samsung Internet: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710.WebView Android: When y-start is used as a single keyword, or alongside span-all, it unexpectedly allows the anchored box to overflow the viewport, obscuring content. Use place-self: anchor-center as a workaround. See bug 438334710. | |
| css.properties.position-try π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.bottom π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.flip-block π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.flip-inline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.flip-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.left π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.right π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.self-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.self-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.self-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.self-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.self-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.self-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-all π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-bottom π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-left π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-right π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-self-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-self-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-self-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-self-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-self-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-self-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-top π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.span-y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.top π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.bottom π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.center π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.flip-block π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.flip-inline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.flip-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.left π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.position-area π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Chrome: inset-area values had to be wrapped inside an inset-area() function.Chrome Android: inset-area values had to be wrapped inside an inset-area() function.Edge: inset-area values had to be wrapped inside an inset-area() function.Opera: inset-area values had to be wrapped inside an inset-area() function.Opera Android: inset-area values had to be wrapped inside an inset-area() function.Samsung Internet: inset-area values had to be wrapped inside an inset-area() function.WebView Android: inset-area values had to be wrapped inside an inset-area() function. | |
| css.properties.position-try-fallbacks.right π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.self-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.self-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.self-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.self-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.self-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.self-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-all π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-bottom π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-left π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-right π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-self-block-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-self-block-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-self-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-self-inline-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-self-inline-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-self-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-top π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.span-y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.top π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.x-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.x-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.y-end π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-fallbacks.y-start π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-order π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-order.most-block-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-order.most-height π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-order.most-inline-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-order.most-width π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.position-try-order.normal π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.right.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.right.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.scroll-timeline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Firefox: The syntax of the shorthand property uses the fixed order of name and then the axis.Firefox: Supports the deprecated horizontal and vertical axis values, and not the x and y values.Firefox: The @scroll-timeline at-rule is replaced with the longhand properties scroll-timeline-name and scroll-timeline-axis and the shorthand property scroll-timeline. | |
| css.properties.scroll-timeline.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.scroll-timeline-axis π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Firefox: The syntax of the shorthand property uses the fixed order of name and then the axis.Firefox: Supports the deprecated horizontal and vertical values, and not the x and y values.Firefox: The @scroll-timeline at-rule is replaced with the longhand properties scroll-timeline-name and scroll-timeline-axis and the shorthand property scroll-timeline. | |
| css.properties.scroll-timeline-axis.block π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.scroll-timeline-axis.inline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.scroll-timeline-axis.x π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.scroll-timeline-axis.y π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.scroll-timeline-name π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Firefox: The syntax of the shorthand property uses the fixed order of name and then the axis.Firefox: The @scroll-timeline at-rule is replaced with the longhand properties scroll-timeline-name and scroll-timeline-axis and the shorthand property scroll-timeline. | |
| css.properties.scroll-timeline-name.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.text-wrap.pretty π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.text-wrap-style.pretty π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.timeline-scope π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.timeline-scope.all π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.timeline-scope.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.top.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.top.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Firefox: Now supports the x and y values, and also the deprecated horizontal and vertical values. | |
| css.properties.view-timeline.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-axis π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | Firefox: Now supports the x and y values, and also the deprecated horizontal and vertical values. | |
| css.properties.view-timeline-axis.block π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-axis.inline π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-axis.x π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-axis.y π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-inset π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-inset.auto π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-name π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.view-timeline-name.none π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.properties.width.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.types.anchor π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.types.anchor-size π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.types.anchor-size.inset_margin | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.types.calc.typed_division_produces_unitless_number π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.types.color.contrast-color π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.types.progress π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 | ||
| css.types.sign.typed_division_produces_unitless_number π | Safari | 9/15/2025 | Safari on iOS | 9/15/2025 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.animation-duration.auto π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | Firefox: Firefox does not currently support the auto value and only accepts values in seconds or milliseconds. It's recommended that 1ms is used until auto is supported.Firefox for Android: Firefox for Android does not currently support the auto value and only accepts values in seconds or milliseconds. It's recommended that 1ms is used until auto is supported. | |
| css.properties.container-type.weak_containment π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.text-autospace π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.text-autospace.auto π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.text-autospace.ideograph-alpha π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.text-autospace.ideograph-numeric π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.text-autospace.no-autospace π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.text-autospace.normal π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.view-transition-name.match-element π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.writing-mode.sideways-lr | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.properties.writing-mode.sideways-rl | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.selectors.details-content π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | Safari: Does not support chaining pseudo-elements after ::details-content. See bug 283446.Safari on iOS: Does not support chaining pseudo-elements after ::details-content. See bug 283446.WebView on iOS: Does not support chaining pseudo-elements after ::details-content. See bug 283446. | |
| css.types.attr.declaration-value π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.types.basic-shape.shape π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.types.gradient.conic-gradient.single_color_stop π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.types.gradient.linear-gradient.single_color_stop π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.types.gradient.radial-gradient.single_color_stop π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.types.gradient.repeating-conic-gradient.single_color_stop π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.types.gradient.repeating-linear-gradient.single_color_stop π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 | ||
| css.types.gradient.repeating-radial-gradient.single_color_stop π | Safari | 3/31/2025 | Safari on iOS | 3/31/2025 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.page π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.at-rules.page.size π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.at-rules.page.size.jis-b4 π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.at-rules.page.size.jis-b5 π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.at-rules.view-transition π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.background-clip.border-area π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.line-clamp.none | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-align π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | Internet Explorer: Internet Explorer 9 and later supports an earlier draft of CSS Ruby with non-standard values for this property: auto, left, center, right, distribute-letter, distribute-space, and line-edge. | |
| css.properties.ruby-align.center π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-align.space-around π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-align.space-between π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-align.start π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-overhang π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-overhang.auto π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-overhang.none π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-position π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | Chrome: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).Chrome Android: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).Edge: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).Internet Explorer: Internet Explorer 9 and later support an old draft values: inline (equivalent of having display: inline on the ruby), and above (synonym of the modern over).Quest Browser: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).Opera: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).Opera Android: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).Safari: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).Safari on iOS: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).WebView Android: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).WebView on iOS: Implemented as a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start). | |
| css.properties.ruby-position.inter-character | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | Chrome: This value is only supported with the prefixed version of the property.Chrome Android: This value is only supported with the prefixed version of the property.Edge: This value is only supported with the prefixed version of the property.Quest Browser: This value is only supported with the prefixed version of the property.Opera: This value is only supported with the prefixed version of the property.Opera Android: This value is only supported with the prefixed version of the property.Samsung Internet: This value is only supported with the prefixed version of the property.WebView Android: This value is only supported with the prefixed version of the property. | |
| css.properties.ruby-position.over | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.ruby-position.under | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.scrollbar-gutter π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.scrollbar-gutter.auto π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.scrollbar-gutter.stable π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.scrollbar-width π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.scrollbar-width.auto π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.scrollbar-width.none π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.scrollbar-width.thin π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.auto π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.cap π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.ex π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.ideographic π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.ideographic-ink π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.none π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.normal π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.text π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.trim-both π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.trim-end π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box.trim-start π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-edge π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-edge.auto π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-edge.cap π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-edge.ex π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-edge.ideographic π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-edge.ideographic-ink π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-edge.text π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-trim π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-trim.none π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-trim.trim-both π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-trim.trim-end π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-box-trim.trim-start π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-underline-offset.percentage π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-underline-position.left π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.text-underline-position.right π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.view-transition-class π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.properties.view-transition-class.none π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.selectors.active-view-transition-type π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.selectors.target-text π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.types.text-edge π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.types.text-edge.alphabetic π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.types.text-edge.cap π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.types.text-edge.ex π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 | ||
| css.types.text-edge.text π | Safari | 12/11/2024 | Safari on iOS | 12/11/2024 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.container.style_queries_for_custom_properties π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | Safari: The document element cannot be a container. See bug 271040.Safari on iOS: The document element cannot be a container. See bug 271040.WebView on iOS: The document element cannot be a container. See bug 271040. | |
| css.properties.backdrop-filter π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.content-visibility π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.content-visibility.hidden π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.content-visibility.is_transitionable π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.content-visibility.keyframe_animatable π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.content-visibility.visible π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.display.is_transitionable π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.display.keyframe_animatable π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.basic_shape π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.border-box π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.content-box π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.fill-box π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.margin-box π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.none π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.padding-box π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.stroke-box π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.offset-path.view-box π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.transition-behavior.transitionable_content-visibility π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.transition-behavior.transitionable_display π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.view-transition-name π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.view-transition-name.none π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.white-space.collapse π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.white-space.preserve π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.white-space.preserve-breaks π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.properties.white-space.wrap π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.-webkit-slider-runnable-track | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.-webkit-slider-thumb | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.active-view-transition π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.view-transition π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.view-transition-group π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.view-transition-image-pair π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.view-transition-new π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.selectors.view-transition-old π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.types.color.color.relative_syntax π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | Safari: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified as percentages with units ( %).Safari on iOS: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified as percentages with units (%).WebView on iOS: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified as percentages with units (%). | |
| css.types.color.hsl.mixed_type_parameters | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.types.color.hsl.relative_syntax π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | Chrome: s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Chrome Android: s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Edge: s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Opera: s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Opera Android: s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Safari: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for s and l).Safari on iOS: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for s and l).Samsung Internet: s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.WebView Android: s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.WebView on iOS: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for s and l). | |
| css.types.color.hwb.mixed_type_parameters | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.types.color.hwb.relative_syntax π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | Chrome: w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Chrome Android: w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Edge: w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Opera: w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Opera Android: w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.Safari: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for w and b).Safari on iOS: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for w and b).Samsung Internet: w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.WebView Android: w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%). See bug 330096624.WebView on iOS: Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for w and b). | |
| css.types.color.lch.relative_syntax π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | Safari: Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg).Safari on iOS: Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg).WebView on iOS: Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg). | |
| css.types.color.oklch.relative_syntax π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | Chrome: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Chrome Android: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Edge: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Opera: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Opera Android: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Safari: Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg).Safari on iOS: Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg).Samsung Internet: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.WebView Android: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.WebView on iOS: Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg). | |
| css.types.color.rgb.mixed_type_parameters | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | ||
| css.types.color.rgb.relative_syntax π | Safari | 9/16/2024 | Safari on iOS | 9/16/2024 | Chrome: Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327.Chrome Android: Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327.Edge: Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327.Opera: Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327.Opera Android: Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327.Safari: Implementation based on older spec version. As a result, channel value calculations do not work correctly, requiring values to be specified as percentages with units (e.g. 30%, which would be equivalent to a 76.5 <number> value). See bug 267647.Safari on iOS: Implementation based on older spec version. As a result, channel value calculations do not work correctly, requiring values to be specified as percentages with units (e.g. 30%, which would be equivalent to a 76.5 <number> value). See bug 267647.Samsung Internet: Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327.WebView Android: Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327.WebView on iOS: Implementation based on older spec version. As a result, channel value calculations do not work correctly, requiring values to be specified as percentages with units (e.g. 30%, which would be equivalent to a 76.5 <number> value). See bug 267647. |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.align-content.flex_context.safe_unsafe | Safari | 7/29/2024 | Safari on iOS | 7/29/2024 | Chrome: Before version 115, this value is recognized, but has no effect.Chrome Android: Before version 115, this value is recognized, but has no effect.Edge: Before version 115, this value is recognized, but has no effect.Opera: Before version 101, this value is recognized, but has no effect.Opera Android: Before version 77, this value is recognized, but has no effect.Samsung Internet: Before version 23.0, this value is recognized, but has no effect.WebView Android: Before version 115, this value is recognized, but has no effect. | |
| css.properties.align-items.flex_context.safe_unsafe | Safari | 7/29/2024 | Safari on iOS | 7/29/2024 | Chrome: Before version 115, this value is recognized, but has no effect.Chrome Android: Before version 115, this value is recognized, but has no effect.Edge: Before version 115, this value is recognized, but has no effect.Opera: Before version 101, this value is recognized, but has no effect.Opera Android: Before version 77, this value is recognized, but has no effect.Samsung Internet: Before version 23.0, this value is recognized, but has no effect.WebView Android: Before version 115, this value is recognized, but has no effect. | |
| css.properties.align-self.flex_context.safe_unsafe | Safari | 7/29/2024 | Safari on iOS | 7/29/2024 | Chrome: Before version 115, this value is recognized, but has no effect.Chrome Android: Before version 115, this value is recognized, but has no effect.Edge: Before version 115, this value is recognized, but has no effect.Opera: Before version 101, this value is recognized, but has no effect.Opera Android: Before version 77, this value is recognized, but has no effect.Samsung Internet: Before version 23.0, this value is recognized, but has no effect.WebView Android: Before version 115, this value is recognized, but has no effect. | |
| css.properties.justify-content.flex_context.safe_unsafe | Safari | 7/29/2024 | Safari on iOS | 7/29/2024 | Chrome: Before version 115, this value is recognized, but has no effect.Chrome Android: Before version 115, this value is recognized, but has no effect.Edge: Before version 115, this value is recognized, but has no effect.Opera: Before version 101, this value is recognized, but has no effect.Opera Android: Before version 77, this value is recognized, but has no effect.Samsung Internet: Before version 23.0, this value is recognized, but has no effect.WebView Android: Before version 115, this value is recognized, but has no effect. |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.import.supports π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.at-rules.starting-style π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.properties.font-variant-emoji π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.properties.text-wrap.balance π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.properties.text-wrap.stable π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.properties.text-wrap-style π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.properties.text-wrap-style.auto π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.properties.text-wrap-style.balance π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.properties.text-wrap-style.stable π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 | ||
| css.types.color.light-dark π | Safari | 5/13/2024 | Safari on iOS | 5/13/2024 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.scope π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.align-content.block_context π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.align-content.multicol_context π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.content.alt_text | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.rx π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | Safari: Before Safari 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. See bug 266090.Safari on iOS: Before Safari on iOS 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. See bug 266090.WebView on iOS: Before WebView on iOS 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. See bug 266090. | |
| css.properties.rx.auto π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.ry π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | Safari: Before Safari 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. See bug 266090.Safari on iOS: Before Safari on iOS 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. See bug 266090.WebView on iOS: Before WebView on iOS 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. See bug 266090. | |
| css.properties.ry.auto π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-decoration-thickness.percentage | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-wrap π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-wrap.auto π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-wrap.nowrap π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-wrap.wrap π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-wrap-mode π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-wrap-mode.nowrap | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.text-wrap-mode.wrap | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.transition.transition-behavior | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.transition-behavior π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.transition-behavior.allow-discrete π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.transition-behavior.normal π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.white-space-collapse π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.white-space-collapse.break-spaces π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.white-space-collapse.collapse π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.white-space-collapse.preserve π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.white-space-collapse.preserve-breaks π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.properties.writing-mode.vertical_oriented_form_controls | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | Chrome: Supported for select, button, textarea, textual input, range slider, meter, and progress elements.Chrome: Supported for select, button, textarea and textual input elements.Chrome: Only supported for select and button elements.Chrome Android: Supported for select, button, textarea, textual input, range slider, meter, and progress elements.Chrome Android: Supported for select, button, textarea and textual input elements.Chrome Android: Only supported for select and button elements.Edge: Supported for select, button, textarea, textual input, range slider, meter, and progress elements.Edge: Supported for select, button, textarea and textual input elements.Edge: Only supported for select and button elements.Opera: Supported for select, button, textarea, textual input, range slider, meter, and progress elements.Opera: Supported for select, button, textarea and textual input elements.Opera: Only supported for select and button elements.Opera Android: Supported for select, button, textarea, textual input, range slider, meter, and progress elements.Opera Android: Supported for select, button, textarea and textual input elements.Opera Android: Only supported for select and button elements.Safari: Support for range sliders, textual inputs, and textareas onlySafari on iOS: Support for range sliders, textual inputs, and textareas onlySamsung Internet: Supported for select, button, textarea, textual input, range slider, meter, and progress elements.Samsung Internet: Supported for select, button, textarea and textual input elements.WebView Android: Supported for select, button, textarea, textual input, range slider, meter, and progress elements.WebView Android: Supported for select, button, textarea and textual input elements.WebView Android: Only supported for select and button elements.WebView on iOS: Support for range sliders, textual inputs, and textareas only | |
| css.selectors.backdrop.inherit_from_originating_element | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.selectors.grammar-error π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.selectors.spelling-error π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | ||
| css.selectors.state π | Safari | 3/5/2024 | Safari on iOS | 3/5/2024 | Chrome: Uses a dashed-ident (such as :--foo) instead of :state().Chrome Android: Uses a dashed-ident (such as :--foo) instead of :state().Edge: Uses a dashed-ident (such as :--foo) instead of :state().Quest Browser: Uses a dashed-ident (such as :--foo) instead of :state().Opera: Uses a dashed-ident (such as :--foo) instead of :state().Opera Android: Uses a dashed-ident (such as :--foo) instead of :state().Samsung Internet: Uses a dashed-ident (such as :--foo) instead of :state().WebView Android: Uses a dashed-ident (such as :--foo) instead of :state(). |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.counter-set π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.counter-set.list-item π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.counter-set.none π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.mask-border π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.mask-border-outset π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.mask-border-repeat π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.mask-border-slice π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.mask-border-source π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.mask-border-width π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.properties.offset-position.normal π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.selectors.highlight π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | Firefox: Cannot yet be used with text-shadow. See bug 1845447.Firefox: Before Firefox 146, cannot be used with text-decoration. See bug 1845446.Firefox for Android: Cannot yet be used with text-shadow. See bug 1845447.Firefox for Android: Before Firefox for Android 146, cannot be used with text-decoration. See bug 1845446.Safari: The style is ignored when combined with user-select: none. See bug 278455.Safari on iOS: The style is ignored when combined with user-select: none. See bug 278455.WebView on iOS: The style is ignored when combined with user-select: none. See bug 278455. | |
| css.selectors.nesting π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | Chrome: Does not support nested rules that start with a type selector.Chrome Android: Does not support nested rules that start with a type selector.Edge: Does not support nested rules that start with a type selector.Opera: Does not support nested rules that start with a type selector.Opera Android: Does not support nested rules that start with a type selector.Safari: Does not support nested rules that start with a type selector.Safari on iOS: Does not support nested rules that start with a type selector.Samsung Internet: Does not support nested rules that start with a type selector.WebView Android: Does not support nested rules that start with a type selector.WebView on iOS: Does not support nested rules that start with a type selector. | |
| css.types.basic-shape.rect π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | Chrome: Only supported on the offset-path property.Chrome Android: Only supported on the offset-path property.Edge: Only supported on the offset-path property.Opera: Only supported on the offset-path property.Opera Android: Only supported on the offset-path property.Samsung Internet: Only supported on the offset-path property.WebView Android: Only supported on the offset-path property. | |
| css.types.basic-shape.xywh π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | Chrome: Only supported on the offset-path property.Chrome Android: Only supported on the offset-path property.Edge: Only supported on the offset-path property.Opera: Only supported on the offset-path property.Opera Android: Only supported on the offset-path property.Samsung Internet: Only supported on the offset-path property.WebView Android: Only supported on the offset-path property. | |
| css.types.easing-function.linear-function π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.length.cap | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.length.rcap π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.length.rch π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.length.rex π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.length.ric π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.mod.mixed_type_parameters π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.ray.position | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.rem.mixed_type_parameters π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 | ||
| css.types.round.mixed_type_parameters π | Safari | 12/11/2023 | Safari on iOS | 12/11/2023 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.counter-style π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.additive-symbols π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.fallback π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.negative π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.pad π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.prefix π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.range π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.suffix π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.counter-style.symbols π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | Chrome: Does not support <image> as a value for the symbols descriptor.Chrome Android: Does not support <image> as a value for the symbols descriptor.Edge: Does not support <image> as a value for the symbols descriptor.Firefox: Does not support <image> as a value for the symbols descriptor.Firefox for Android: Does not support <image> as a value for the symbols descriptor.Quest Browser: Does not support <image> as a value for the symbols descriptor.Opera: Does not support <image> as a value for the symbols descriptor.Opera Android: Does not support <image> as a value for the symbols descriptor.Samsung Internet: Does not support <image> as a value for the symbols descriptor.WebView Android: Does not support <image> as a value for the symbols descriptor. | |
| css.at-rules.counter-style.system π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.font-face.size-adjust π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.font-face.src.tech_keyword | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.media.overflow-block π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.media.overflow-inline π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.media.scripting π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.media.update π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.supports.font-format | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.at-rules.supports.font-tech | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.background-image.image-set π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | Chrome: Support for url images only and x is the only supported resolution unit.Chrome Android: Support for url images only and x is the only supported resolution unit.Edge: Support for url images only and x is the only supported resolution unit.Firefox: The type() function is not supported as an argument to image-set().Firefox for Android: The type() function is not supported as an argument to image-set().Quest Browser: Support for url images only and x is the only supported resolution unit.Opera: Support for url images only and x is the only supported resolution unit.Opera Android: Support for url images only and x is the only supported resolution unit.Safari: The type() function is not supported as an argument to image-set().Safari: The type() function is not supported as an argument to image-set().Safari: Support for url images only and x is the only supported resolution unit.Safari: Support for url images only and x is the only supported resolution unit.Safari on iOS: The type() function is not supported as an argument to image-set().Safari on iOS: The type() function is not supported as an argument to image-set().Safari on iOS: Support for url images only and x is the only supported resolution unit.Safari on iOS: Support for url images only and x is the only supported resolution unit.Samsung Internet: Support for url images only and x is the only supported resolution unit.WebView Android: Support for url images only and x is the only supported resolution unit.WebView on iOS: The type() function is not supported as an argument to image-set().WebView on iOS: The type() function is not supported as an argument to image-set().WebView on iOS: Support for url images only and x is the only supported resolution unit.WebView on iOS: Support for url images only and x is the only supported resolution unit. | |
| css.properties.contain-intrinsic-block-size π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-block-size.none π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-height π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-height.none π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-inline-size π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-inline-size.none π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-size π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-size.auto_none | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-size.none π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-width π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.contain-intrinsic-width.none π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.content.image-set π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | Chrome: Support for url images only and x is the only supported resolution unit.Chrome Android: Support for url images only and x is the only supported resolution unit.Edge: Support for url images only and x is the only supported resolution unit.Firefox: The type() function is not supported as an argument to image-set().Firefox for Android: The type() function is not supported as an argument to image-set().Quest Browser: Support for url images only and x is the only supported resolution unit.Opera: Support for url images only and x is the only supported resolution unit.Opera Android: Support for url images only and x is the only supported resolution unit.Safari: The type() function is not supported as an argument to image-set().Safari: The type() function is not supported as an argument to image-set().Safari: Support for url images only and x is the only supported resolution unit.Safari: Support for url images only and x is the only supported resolution unit.Safari on iOS: The type() function is not supported as an argument to image-set().Safari on iOS: The type() function is not supported as an argument to image-set().Safari on iOS: Support for url images only and x is the only supported resolution unit.Safari on iOS: Support for url images only and x is the only supported resolution unit.Samsung Internet: Support for url images only and x is the only supported resolution unit.WebView Android: Support for url images only and x is the only supported resolution unit.WebView on iOS: The type() function is not supported as an argument to image-set().WebView on iOS: The type() function is not supported as an argument to image-set().WebView on iOS: Support for url images only and x is the only supported resolution unit.WebView on iOS: Support for url images only and x is the only supported resolution unit. | |
| css.properties.font-size-adjust.from-font π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.font-size-adjust.two-values | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.hyphenate-character π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.hyphens π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | Edge: Only works if the specified language is the same as the language of the underlying OS.Internet Explorer: Only works if the specified language is the same as the language of the underlying OS. | |
| css.properties.list-style-type.ethiopic-halehame | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.list-style-type.ethiopic-halehame-am | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.offset.normal π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.offset-path.url π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.text-transform.full-size-kana π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.properties.text-transform.full-width π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.selectors.backdrop.popover | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.selectors.only-child.no_parent_required | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.selectors.popover-open π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | ||
| css.types.image.image-set π | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 | Chrome: Support for url images only and x is the only supported resolution unit.Chrome Android: Support for url images only and x is the only supported resolution unit.Edge: Support for url images only and x is the only supported resolution unit.Firefox: The type() function is not supported as an argument to image-set().Firefox for Android: The type() function is not supported as an argument to image-set().Quest Browser: Support for url images only and x is the only supported resolution unit.Opera: Support for url images only and x is the only supported resolution unit.Opera Android: Support for url images only and x is the only supported resolution unit.Safari: The type() function is not supported as an argument to image-set().Safari: The type() function is not supported as an argument to image-set().Safari: Support for url images only and x is the only supported resolution unit.Safari: Support for url images only and x is the only supported resolution unit.Safari on iOS: The type() function is not supported as an argument to image-set().Safari on iOS: The type() function is not supported as an argument to image-set().Safari on iOS: Support for url images only and x is the only supported resolution unit.Safari on iOS: Support for url images only and x is the only supported resolution unit.Samsung Internet: Support for url images only and x is the only supported resolution unit.WebView Android: Support for url images only and x is the only supported resolution unit.WebView on iOS: The type() function is not supported as an argument to image-set().WebView on iOS: The type() function is not supported as an argument to image-set().WebView on iOS: Support for url images only and x is the only supported resolution unit.WebView on iOS: Support for url images only and x is the only supported resolution unit. | |
| css.types.ray.size | Safari | 9/18/2023 | Safari on iOS | 9/18/2023 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.direction.vertical_slider_direction | Safari | 5/18/2023 | Safari on iOS | 5/18/2023 | Firefox: Only supported for vertical range sliders.Firefox for Android: Only supported for vertical range sliders.Safari: Only supported for vertical range sliders.Safari on iOS: Only supported for vertical range sliders.WebView on iOS: Only supported for vertical range sliders. | |
| css.selectors.user-invalid π | Safari | 5/18/2023 | Safari on iOS | 5/18/2023 | ||
| css.selectors.user-valid π | Safari | 5/18/2023 | Safari on iOS | 5/18/2023 | ||
| css.types.color.system-color.accentcolor_accentcolortext π | Safari | 5/18/2023 | Safari on iOS | 5/18/2023 | Safari: Only supports a fallback: The native color when accent colour (in macOS' appearance panel) is set to 'multicolour'. On iOS falls back to the blue accent colourSafari on iOS: Only supports a fallback: The native color when accent colour (in macOS' appearance panel) is set to 'multicolour'. On iOS falls back to the blue accent colourWebView on iOS: Only supports a fallback: The native color when accent colour (in macOS' appearance panel) is set to 'multicolour'. On iOS falls back to the blue accent colour |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.or_syntax | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.at-rules.media.range_syntax | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | Firefox: Only supports range notations where the feature name comes before any value (width > 500px)Firefox for Android: Only supports range notations where the feature name comes before any value (width > 500px) | |
| css.at-rules.media.scan π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.at-rules.property π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.at-rules.property.inherits π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.at-rules.property.initial-value π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.at-rules.property.syntax π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-size.xxx-large | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-size-adjust π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | Firefox: Before Firefox 40, font-size-adjust: 0 was incorrectly interpreted as font-size-adjust: none (bug 1144885).Firefox: Only supported on Windows.Firefox for Android: Before Firefox for Android 40, font-size-adjust: 0 was incorrectly interpreted as font-size-adjust: none (bug 1144885). | |
| css.properties.font-size-adjust.none π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-small-caps π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-small-caps.auto π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-small-caps.none π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-style π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-style.auto π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-style.none π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-weight π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-weight.auto π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.font-synthesis-weight.none π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim.block π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim.block-end π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim.block-start π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim.inline π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim.inline-end π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim.inline-start π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.margin-trim.none π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.properties.outline π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | Chrome: Before Chrome 94, outline does not follow the shape of border-radius.Chrome Android: Before Chrome Android 94, outline does not follow the shape of border-radius.Edge: Before Edge 94, outline does not follow the shape of border-radius.Firefox: Before Firefox 88, outline does not follow the shape of border-radius.Firefox for Android: Before Firefox for Android 88, outline does not follow the shape of border-radius.Quest Browser: Before Quest Browser 18.0, outline does not follow the shape of border-radius.Opera: Before Opera 80, outline does not follow the shape of border-radius.Safari: Before Safari 16.4, outline does not follow the shape of border-radius. See bug 20807.Safari on iOS: Before Safari on iOS 16.4, outline does not follow the shape of border-radius. See bug 20807.WebView Android: Before Chrome 94, outline does not follow the shape of border-radius.WebView on iOS: Before WebView on iOS 16.4, outline does not follow the shape of border-radius. See bug 20807. | |
| css.selectors.backdrop.fullscreen | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.selectors.dir π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.selectors.fullscreen π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | Safari on iOS: Only available on iPad, not on iPhone.Safari on iOS: Shows an overlay button which can not be disabled. Swiping down exits fullscreen mode, making it unsuitable for some use cases like games.Safari on iOS: Only available on iPad, not on iPhone.WebView on iOS: Only available on iPad, not on iPhone.WebView on iOS: Shows an overlay button which can not be disabled. Swiping down exits fullscreen mode, making it unsuitable for some use cases like games.WebView on iOS: Only available on iPad, not on iPhone. | |
| css.types.calc.color_component | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.types.color.lab.relative_syntax π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.types.color.oklab.relative_syntax π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | Chrome: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Chrome Android: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Edge: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Opera: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Opera Android: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.Samsung Internet: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488.WebView Android: l channel values incorrectly resolve to numbers between 0-100 rather than 0-1. As a result, channel value calculations require l values to be specified as percentage numbers without units (e.g. 20 for 0.2). See bug 40940488. | |
| css.types.length.lh π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 | ||
| css.types.length.rlh π | Safari | 3/27/2023 | Safari on iOS | 3/27/2023 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.align-items.flex_context.last_baseline | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.properties.align-self.flex_context.last_baseline | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.properties.font-variant-alternates.annotation π | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.properties.font-variant-alternates.character_variant π | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.properties.font-variant-alternates.ornaments π | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.properties.font-variant-alternates.styleset π | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.properties.font-variant-alternates.stylistic π | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.properties.font-variant-alternates.swash π | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.color.color-mix π | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.color.lab.mixed_type_parameters | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.color.lch.mixed_type_parameters | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.color.oklab.mixed_type_parameters | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.color.oklch.mixed_type_parameters | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.conic-gradient.hue_interpolation_method | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.conic-gradient.interpolation_color_space | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.linear-gradient.hue_interpolation_method | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.linear-gradient.interpolation_color_space | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.radial-gradient.hue_interpolation_method | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.radial-gradient.interpolation_color_space | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.repeating-conic-gradient.hue_interpolation_method | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.repeating-conic-gradient.interpolation_color_space | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.repeating-linear-gradient.hue_interpolation_method | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.repeating-linear-gradient.interpolation_color_space | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.repeating-radial-gradient.hue_interpolation_method | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 | ||
| css.types.gradient.repeating-radial-gradient.interpolation_color_space | Safari | 12/13/2022 | Safari on iOS | 12/13/2022 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.container π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.at-rules.media.forced-colors π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.at-rules.media.resolution π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.animation-composition π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.animation-composition.accumulate π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.animation-composition.add π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.animation-composition.replace π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.contain.inline-size π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container.inline-size π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container.normal π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container.scroll-state π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container.size π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container-name π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container-name.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container-type π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container-type.inline-size π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container-type.normal π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.container-type.size π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.flex.fit-content π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.flex.max-content π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.flex.min-content π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.flex-basis.fit-content | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.flex-basis.max-content | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.flex-basis.min-content | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.grid-template-columns.animation | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.grid-template-columns.subgrid π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.grid-template-rows.animation | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.grid-template-rows.subgrid π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.border-box π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.bottom π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.center π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.content-box π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.fill-box π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.left π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.margin-box π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.padding-box π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.right π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.stroke-box π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.top π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset.view-box π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-anchor π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-anchor.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-anchor.bottom π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-anchor.center π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-anchor.left π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-anchor.right π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-anchor.top π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-distance π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-path.path | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-path.ray π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-position π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-position.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-position.bottom π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-position.center π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-position.left π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-position.right π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-position.top π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-rotate π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-rotate.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.offset-rotate.reverse π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overflow.clip π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overflow-x.clip π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overflow-y.clip π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior.contain π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | Edge: The none value incorrectly behaves as contain (allowing for the elastic bounce effect). | |
| css.properties.overscroll-behavior-block π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-block.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-block.contain π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-block.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-inline π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-inline.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-inline.contain π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-inline.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-x π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-x.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-x.contain π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-x.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | Edge: The none value incorrectly behaves as contain (allowing for the elastic bounce effect). | |
| css.properties.overscroll-behavior-y π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-y.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-y.contain π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.overscroll-behavior-y.none π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | Edge: The none value incorrectly behaves as contain (allowing for the elastic bounce effect). | |
| css.properties.text-align-last π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | Internet Explorer: IE only supports text-align-last when text-align is set to justify.Internet Explorer: The start and end values are not supported. | |
| css.properties.text-align-last.auto π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.text-align-last.center π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.text-align-last.end π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.text-align-last.justify π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.text-align-last.left π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.text-align-last.match-parent π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.text-align-last.right π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.text-align-last.start π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.properties.user-select.all | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.basic-shape.path.offset-path π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.calc-keyword.NaN | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.calc-keyword.infinity | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.length.container_query_length_units | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.overflow.clip | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.ray π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.resolution π | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.resolution.dpcm | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.resolution.dpi | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.resolution.dppx | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 | ||
| css.types.resolution.x | Safari | 9/12/2022 | Safari on iOS | 9/12/2022 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.align-content.flex_context.start_end | Safari | 7/20/2022 | Safari on iOS | 7/20/2022 | Opera: Before version 79, this value is recognized, but has no effect.Opera Android: This value is recognized, but has no effect. | |
| css.selectors.modal π | Safari | 7/20/2022 | Safari on iOS | 7/20/2022 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-palette-values π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.at-rules.font-palette-values.base-palette π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.at-rules.font-palette-values.font-family π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.at-rules.font-palette-values.override-colors π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.at-rules.import.layer π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.at-rules.layer π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.accent-color π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Chrome Android: Chrome for Android does not maintain minimum contrast for legibility of the control. See bug 343503163.Quest Browser: Chrome for Android does not maintain minimum contrast for legibility of the control. See bug 343503163.Opera Android: Chrome for Android does not maintain minimum contrast for legibility of the control. See bug 343503163.Safari: Safari does not maintain minimum contrast for legibility of the control. See bug 244233.Safari on iOS: Safari on iOS does not maintain minimum contrast for legibility of the control. See bug 244233.Samsung Internet: Chrome for Android does not maintain minimum contrast for legibility of the control. See bug 343503163.WebView Android: Chrome for Android does not maintain minimum contrast for legibility of the control. See bug 343503163.WebView on iOS: WebView on iOS does not maintain minimum contrast for legibility of the control. See bug 244233. | |
| css.properties.accent-color.auto | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.align-items.flex_context.start_end | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.align-self.flex_context.start_end | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Opera: Before version 79, this value is recognized, but has no effect. | |
| css.properties.appearance π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.appearance.auto π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.backface-visibility π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.background-attachment.fixed π | Safari on iOS | 10/12/2011 | Safari | 3/14/2022 | 3806 | Safari: fixed is recognized but has no effect. See related bug 219324.Safari on iOS: fixed is recognized but has no effect. See bug 275247.WebView on iOS: fixed is recognized but has no effect. See bug 275247. |
| css.properties.background-attachment.local π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Safari: local is recognized but has no effect. See bug 219324.Safari on iOS: local is recognized but has no effect. See bug 219324.Safari on iOS: If -webkit-overflow-scrolling: touch is set, then local has no effect.WebView on iOS: local is recognized but has no effect. See bug 219324.WebView on iOS: If -webkit-overflow-scrolling: touch is set, then local has no effect. | |
| css.properties.background-position-x.side-relative_values | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.background-position-y.side-relative_values | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.color-adjust π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.color-adjust.economy π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.color-adjust.exact π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain.content π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain.layout π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain.none π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain.paint π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain.size π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain.strict π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.contain.style π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Chrome: Before Chrome 115, style containment did not affect quotes, see bug 40592922.Chrome Android: Before Chrome Android 115, style containment did not affect quotes, see bug 40592922.Edge: Before Edge 115, style containment did not affect quotes, see bug 40592922.Quest Browser: Before Quest Browser false, style containment did not affect quotes, see bug 40592922.Opera: Before Opera 101, style containment did not affect quotes, see bug 40592922.Opera Android: Before Opera Android 77, style containment did not affect quotes, see bug 40592922.Safari: Style containment does not affect quotes, see bug 232083.Safari on iOS: Style containment does not affect quotes, see bug 232083.Samsung Internet: Before Samsung Internet 23.0, style containment did not affect quotes, see bug 40592922.WebView Android: Before WebView Android 115, style containment did not affect quotes, see bug 40592922.WebView on iOS: Style containment does not affect quotes, see bug 232083. | |
| css.properties.flex-basis.content | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.font-palette π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.font-palette.dark π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.font-palette.light π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.font-palette.normal π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.justify-content.flex_context.start_end | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Chrome: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Chrome: While the property is recognized, values applied to it don't have any effect.Chrome Android: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Chrome Android: While the property is recognized, values applied to it don't have any effect.Edge: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Edge: While the property is recognized, values applied to it don't have any effect.Firefox: Only supports mask: url(file.svg#mask_id) or mask: url(#mask_id), where the URL is a reference to an SVG <mask> element.Firefox for Android: Only supports mask: url(file.svg#mask_id) or mask: url(#mask_id), where the URL is a reference to an SVG <mask> element.Quest Browser: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Quest Browser: While the property is recognized, values applied to it don't have any effect.Opera: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Opera: While the property is recognized, values applied to it don't have any effect.Opera Android: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Opera Android: While the property is recognized, values applied to it don't have any effect.Safari: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Safari: While the property is recognized, values applied to it don't have any effect.Safari on iOS: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Safari on iOS: While the property is recognized, values applied to it don't have any effect.Samsung Internet: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.Samsung Internet: While the property is recognized, values applied to it don't have any effect.WebView Android: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.WebView Android: While the property is recognized, values applied to it don't have any effect.WebView on iOS: The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.WebView on iOS: While the property is recognized, values applied to it don't have any effect. | |
| css.properties.mask-clip π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-composite π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Chrome: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.Chrome Android: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.Edge: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.Opera: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.Opera Android: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.Safari: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.Safari on iOS: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.Samsung Internet: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.WebView Android: See also -webkit-mask-composite for a similar non-standard property that uses different keywords.WebView on iOS: See also -webkit-mask-composite for a similar non-standard property that uses different keywords. | |
| css.properties.mask-composite.add π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-composite.exclude π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-composite.intersect π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-composite.subtract π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-image π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Chrome: From version 8, Chrome added support for gradient values. Initially, Chrome supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.Chrome Android: From version 18, Chrome Android added support for gradient values. Initially, Chrome Android supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.Quest Browser: From version 5.0, Quest Browser added support for gradient values. Initially, Quest Browser supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.Safari: Initially, Safari supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.Safari on iOS: Initially, Safari on iOS supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.Samsung Internet: From version 1.0, Samsung Internet added support for gradient values. Initially, Samsung Internet supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.WebView Android: Initially, Android supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.WebView on iOS: Initially, WebView on iOS supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added. | |
| css.properties.mask-mode π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-mode.alpha π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-mode.luminance π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-mode.match-source π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-origin π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-origin.border | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-origin.content | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-origin.padding | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-position π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-repeat π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.mask-size π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.offset-path π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Samsung Internet: path() is the only value type supported. | |
| css.properties.overflow-wrap.anywhere π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.print-color-adjust π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Chrome: Chrome does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Chrome: Before version 26, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.Chrome Android: Chrome Android does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Chrome Android: Before version 26, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.Edge: Edge does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Edge: Before version 79, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.Quest Browser: Quest Browser does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Quest Browser: Before version 5.0, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.Opera: Opera does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Opera: Before version 15, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.Opera Android: Opera Android does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Opera Android: Before version 14, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.Safari: Safari does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Safari on iOS: Safari on iOS does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Samsung Internet: Samsung Internet does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.Samsung Internet: Before version 1.5, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.WebView Android: WebView Android does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.WebView Android: Before version 4.4, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See bug 40219905.WebView on iOS: WebView on iOS does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants. | |
| css.properties.scroll-behavior π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.scroll-behavior.auto π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.scroll-behavior.smooth π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.text-align.match-parent π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.text-combine-upright π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | Chrome: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.Chrome Android: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.Firefox: Before version 81, Firefox implemented the property as animatable. This was corrected to spec in 81.Firefox for Android: Before version 81, Firefox for Android implemented the property as animatable. This was corrected to spec in 81.Quest Browser: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.Opera: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.Opera Android: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.Safari: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.Safari on iOS: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.Samsung Internet: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.WebView Android: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits.WebView on iOS: This property was initially named -webkit-text-combine according to a 2011 version of the CSS3 Writing Modes specification, supporting the values none and horizontal without digits. | |
| css.properties.text-combine-upright.all π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.text-combine-upright.none π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.text-decoration-skip-ink π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.text-decoration-skip-ink.all π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.text-decoration-skip-ink.auto π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.properties.text-decoration-skip-ink.none π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.backdrop π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.backdrop.dialog | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.buffering π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.focus-visible π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.has π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.muted π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.paused π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.playing π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.seeking π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.stalled π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.selectors.volume-locked π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.abs π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.acos π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.asin π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.atan π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.atan2 π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.calc-keyword π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.calc-keyword.e | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.calc-keyword.pi | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.color.oklab π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.color.oklch π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.cos π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.exp π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.global_keywords.revert-layer π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.hypot π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.length.ic | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.length.vb | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.length.vi | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.length.viewport_percentage_units_dynamic | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.length.viewport_percentage_units_large | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.length.viewport_percentage_units_small | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.log π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.mod π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.pow π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.rem π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.round π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.sign π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.sin π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.sqrt π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.tan π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 | ||
| css.types.transform-function.perspective.none π | Safari | 3/14/2022 | Safari on iOS | 3/14/2022 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.aspect-ratio π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.aspect-ratio.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.border-end-end-radius π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.border-end-start-radius π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.border-start-end-radius π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.border-start-start-radius π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.clear.inline-end π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.clear.inline-start π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.display.multi-keyword_values | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.flex.content π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.float.inline-end π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.float.inline-start π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.cjk-decimal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.disclosure-closed π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.disclosure-open π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.ethiopic-numeric π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | Firefox: Before Firefox 38, Firefox added a dot as suffix of the number for ethiopic-numeric (for example, α«. instead of α«). The specification later defined the absence of a suffix, which Firefox 38 followed.Firefox for Android: Before Firefox for Android 38, Firefox for Android added a dot as suffix of the number for ethiopic-numeric (for example, α«. instead of α«). The specification later defined the absence of a suffix, which Firefox for Android 38 followed. | |
| css.properties.list-style-type.japanese-formal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.japanese-informal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.korean-hangul-formal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.korean-hanja-formal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.korean-hanja-informal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.simp-chinese-formal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.simp-chinese-informal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.tamil π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.trad-chinese-formal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.list-style-type.trad-chinese-informal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-margin-block π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-margin-block-end π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-margin-block-start π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-margin-inline π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-margin-inline-end π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-margin-inline-start π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-block π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-block.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-block-end π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-block-end.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-block-start π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-block-start.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-bottom.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-inline π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-inline.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-inline-end π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-inline-end.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-inline-start π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-inline-start.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-left.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-right.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-padding-top.auto π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-snap-stop π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-snap-stop.always π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.scroll-snap-stop.normal π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.text-indent.each-line π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.properties.text-indent.hanging π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.selectors.any-link.not_match_link | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.selectors.autofill π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | Firefox: The :autofill pseudo-class matches autofilled username and password fields, but not other autocompleted fields. See bug 1923525.Firefox: The :-webkit-autofill pseudo-class matches autofilled username and password fields, but not other autocompleted fields. See bug 1923525.Firefox for Android: The :autofill pseudo-class matches autofilled username and password fields, but not other autocompleted fields. See bug 1923525.Firefox for Android: The :-webkit-autofill pseudo-class matches autofilled username and password fields, but not other autocompleted fields. See bug 1923525. | |
| css.selectors.link.not_match_link | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.selectors.visited.not_match_link | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.types.color.color π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | Safari: Only supports display-p3 and srgb predefined color profiles.Safari on iOS: Only supports display-p3 and srgb predefined color profiles.WebView on iOS: Only supports display-p3 and srgb predefined color profiles. | |
| css.types.color.color.mixed_type_parameters | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.types.color.hwb π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.types.color.lab π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.types.color.lch π | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.types.gradient.linear-gradient.premultiplied_gradients | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 | ||
| css.types.gradient.radial-gradient.premultiplied_gradients | Safari | 9/20/2021 | Safari on iOS | 9/20/2021 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.prefers-contrast π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.at-rules.supports.selector | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.currentColor π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.dashed π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.dotted π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.double π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.groove π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.hidden π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.inset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.medium π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.none π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.outset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.ridge π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.solid π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.thick π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.thin π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block.transparent π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-color π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-color.currentColor π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-color.transparent π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.dashed π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.dotted π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.double π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.groove π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.hidden π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.inset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.none π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.outset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.ridge π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-style.solid π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-width π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-width.medium π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-width.thick π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-block-width.thin π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.currentColor π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.dashed π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.dotted π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.double π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.groove π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.hidden π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.inset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.medium π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.none π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.outset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.ridge π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.solid π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.thick π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.thin π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline.transparent π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-color π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-color.currentColor π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-color.transparent π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.dashed π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.dotted π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.double π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.groove π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.hidden π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.inset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.none π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.outset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.ridge π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-style.solid π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-width π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-width.medium π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-width.thick π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.border-inline-width.thin π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.column-gap.flex_context π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.gap.flex_context π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.gap.multicol_context π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-block π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-block.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-block-end π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-block-end.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-block-start π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-block-start.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-inline π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-inline.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-inline-end π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-inline-end.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-inline-start π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.inset-inline-start.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.list-style-type.string | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.margin-block π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.margin-block.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.margin-inline π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.margin-inline.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.math-style π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.math-style.compact π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.math-style.normal π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.padding-block π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.padding-inline π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.quotes.auto π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Internet Explorer: This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting | |
| css.properties.rotate π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.rotate.none π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.rotate.x_y_z_angle | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.row-gap.flex_context π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.scale π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.scale.none π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.scroll-margin π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Firefox: The scroll-margin property can cause an element's visibility to be incorrectly calculated for element.focus(). See bug 1708303.Firefox for Android: The scroll-margin property can cause an element's visibility to be incorrectly calculated for element.focus(). See bug 1708303.Safari: Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.Safari on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.WebView on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265. | |
| css.properties.scroll-margin-bottom π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.Safari on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.WebView on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265. | |
| css.properties.scroll-margin-left π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.Safari on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.WebView on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265. | |
| css.properties.scroll-margin-right π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.Safari on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.WebView on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265. | |
| css.properties.scroll-margin-top π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.Safari on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.WebView on iOS: Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265. | |
| css.properties.scroll-padding π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.Safari on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.WebView on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379. | |
| css.properties.scroll-padding-bottom π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.Safari on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.WebView on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379. | |
| css.properties.scroll-padding-left π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.Safari on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.WebView on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379. | |
| css.properties.scroll-padding-right π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.Safari on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.WebView on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379. | |
| css.properties.scroll-padding-top π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | Safari: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.Safari on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.WebView on iOS: Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379. | |
| css.properties.translate π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.properties.translate.none π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.selectors.file-selector-button π | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 | ||
| css.selectors.marker.animation_and_transition_support | Safari | 4/26/2021 | Safari on iOS | 4/26/2021 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.animation-timing-function.jump | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | ||
| css.properties.background-clip.text π | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | Chrome: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).Chrome Android: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).Edge: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).Edge: Before Edge 15, this value was supported with the prefixed version of the property only.Firefox: Does not work with background-attachment: fixed (bug 1313757), in multi-layer backgrounds with other values (bug 1481498), and in some other special cases (see bug 1656784).Firefox for Android: Does not work with background-attachment: fixed (bug 1313757), in multi-layer backgrounds with other values (bug 1481498), and in some other special cases (see bug 1656784).Quest Browser: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).Opera: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).Opera Android: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).Safari: The text value is only supported by -webkit-background-clip (and not by background-clip).Safari on iOS: The text value is only supported by -webkit-background-clip (and not by background-clip).Samsung Internet: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).WebView Android: The text value is only supported by -webkit-background-clip (and not by background-clip; see bug 40229927).WebView on iOS: The text value is only supported by -webkit-background-clip (and not by background-clip). | |
| css.properties.text-orientation π | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | ||
| css.properties.transition-timing-function.jump | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | ||
| css.selectors.is π | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | Chrome: Doesn't support combinators.Chrome Android: Doesn't support combinators.Edge: Doesn't support combinators.Firefox: Doesn't support combinators.Firefox: See bug 906353.Firefox for Android: Doesn't support combinators.Firefox for Android: See bug 906353.Quest Browser: Doesn't support combinators.Opera: Doesn't support combinators.Opera Android: Doesn't support combinators.Safari: Doesn't support combinators.Safari on iOS: Doesn't support combinators.WebView Android: Doesn't support combinators.WebView on iOS: Doesn't support combinators. | |
| css.selectors.is.forgiving_selector_list | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | ||
| css.selectors.where π | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | ||
| css.selectors.where.forgiving_selector_list | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 | ||
| css.types.easing-function.steps.jump | Safari | 9/16/2020 | Safari on iOS | 9/16/2020 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.dynamic-range π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.clip-path.fill-box π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | Firefox: This value was supported before Firefox 51, but as an alias to border-box.Firefox for Android: This value was supported before Firefox for Android 51, but as an alias to border-box. | |
| css.properties.clip-path.path | Safari on iOS | 9/19/2019 | Safari | 3/24/2020 | 187 | |
| css.properties.clip-path.stroke-box π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | Firefox: This value was supported before Firefox 51, but as an alias to border-box.Firefox for Android: This value was supported before Firefox for Android 51, but as an alias to border-box. | |
| css.properties.clip-path.view-box π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.cursor π | Safari | 2/2/2004 | Safari on iOS | 3/24/2020 | 5895 | Firefox: Starting in Firefox 67, the maximum size allowed for custom cursors is 32x32 pixels due to cursors being misused by certain malicious sites.Internet Explorer: In Internet Explorer 11, when cursor is applied to an element and this element is underneath an open <select> menu and the user hovers over a <select> menu item that's on top of said element, the cursor for said element will be displayed rather than the <select>'s normal cursor. See bug 817822.Safari on iOS: This property is only supported on iPads with an external pointing device.Safari on iOS: Unsupported values use the default pointer as a fallback.WebView on iOS: This property is only supported on iPads with an external pointing device.WebView on iOS: Unsupported values use the default pointer as a fallback. |
| css.properties.cursor.auto π | Safari | 2/2/2004 | Safari on iOS | 3/24/2020 | 5895 | |
| css.properties.cursor.cell π | Safari | 10/26/2007 | Safari on iOS | 3/24/2020 | 4533 | |
| css.properties.cursor.text π | Safari | 2/2/2004 | Safari on iOS | 3/24/2020 | 5895 | |
| css.properties.cursor.url | Safari | 10/26/2007 | Safari on iOS | 3/24/2020 | 4533 | Firefox: Firefox 4 added macOS support. |
| css.properties.font-family.ui-monospace | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.font-family.ui-rounded | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.font-family.ui-sans-serif | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.font-family.ui-serif | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.font-optical-sizing π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.font-optical-sizing.auto π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.font-optical-sizing.none π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.image-orientation π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.image-orientation.from-image π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.image-orientation.none π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.opacity.percentages | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.overflow.multiple_keywords | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.tab-size.length π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.text-orientation.mixed π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.text-orientation.upright π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.transform-box.content-box π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.transform-box.stroke-box π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.properties.white-space.break-spaces π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.selectors.part π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.selectors.picture-in-picture π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.types.basic-shape.path π | Safari on iOS | 9/19/2019 | Safari | 3/24/2020 | 187 | |
| css.types.basic-shape.path.clip-path π | Safari on iOS | 9/19/2019 | Safari | 3/24/2020 | 187 | |
| css.types.clamp π | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 | ||
| css.types.length.Q | Safari | 3/24/2020 | Safari on iOS | 3/24/2020 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.display-mode π | Safari on iOS | 3/25/2019 | Safari | 9/19/2019 | 178 | |
| css.at-rules.media.display-mode.browser π | Safari on iOS | 3/25/2019 | Safari | 9/19/2019 | 178 | Firefox for Android: display-mode: browser is always true.Safari: In a Safari browser window, display-mode: browser is always true, even in a macOS Full Screen window or when using the Fullscreen API. In an installed web application, other display-mode values are true only when given by a supported manifest display member value. See mdn/browser-compat-data#18807 (comment).Safari on iOS: In the Safari app, display-mode: browser is always true, even when using the Fullscreen API. In an installed web application, other display-mode values are true only when given by a supported manifest display member value. See mdn/browser-compat-data#18807 (comment).WebView on iOS: In the Safari app, display-mode: browser is always true, even when using the Fullscreen API. In an installed web application, other display-mode values are true only when given by a supported manifest display member value. See mdn/browser-compat-data#18807 (comment). |
| css.at-rules.media.display-mode.fullscreen π | Safari on iOS | 3/25/2019 | Safari | 9/19/2019 | 178 | Firefox: In Firefox's "Full Screen" user interface, browser tabs and other user interface appear but display-mode: fullscreen is true.Safari: In a Safari browser window, display-mode: fullscreen is never true, even when using the Fullscreen API. See mdn/browser-compat-data#18807 (comment).Safari on iOS: In the Safari app, display-mode: fullscreen is never true, even when using the Fullscreen API. See mdn/browser-compat-data#18807 (comment).Safari on iOS: In an installed web application with the display manifest member set to standalone, display-mode: fullscreen is true, even though the system status bar is visible. See bug 264218.WebView on iOS: In the Safari app, display-mode: fullscreen is never true, even when using the Fullscreen API. See mdn/browser-compat-data#18807 (comment).WebView on iOS: In an installed web application with the display manifest member set to standalone, display-mode: fullscreen is true, even though the system status bar is visible. See bug 264218. |
| css.at-rules.media.display-mode.minimal-ui π | Safari on iOS | 3/25/2019 | Safari | 9/19/2019 | 178 | Firefox: display-mode: minimal-ui is never true.Safari: display-mode: minimal-ui is never true.Safari on iOS: display-mode: minimal-ui is never true.WebView on iOS: display-mode: minimal-ui is never true. |
| css.at-rules.media.display-mode.standalone π | Safari on iOS | 3/25/2019 | Safari | 9/19/2019 | 178 | Firefox: display-mode: standalone is never true.Safari on iOS: In an installed web application with the display manifest member set to standalone, display-mode: standalone is false and display-mode: fullscreen is true. See bug 264218.WebView on iOS: In an installed web application with the display manifest member set to standalone, display-mode: standalone is false and display-mode: fullscreen is true. See bug 264218. |
| css.at-rules.media.prefers-color-scheme π | Safari | 3/25/2019 | Safari on iOS | 9/19/2019 | 178 | |
| css.properties.clip-path.border-box π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.clip-path.content-box π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.clip-path.margin-box π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.clip-path.padding-box π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.color-scheme π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.color-scheme.dark | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.color-scheme.light | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.color-scheme.normal | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.color-scheme.only | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.display.flow-root | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.line-break.anywhere π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.pointer-events.bounding-box π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.position.sticky π | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | ||
| css.properties.touch-action π | Safari on iOS | 3/21/2016 | Safari | 9/19/2019 | 1277 | Firefox: Not applicable to Firefox platforms that support neither pointer nor touch events. |
| css.properties.touch-action.manipulation | Safari on iOS | 3/21/2016 | Safari | 9/19/2019 | 1277 | Firefox: Not applicable to Firefox platforms that support neither pointer nor touch events. |
| css.properties.touch-action.none | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | Firefox: Not applicable to Firefox platforms that support neither pointer nor touch events. | |
| css.properties.touch-action.pan-x | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | Firefox: Not applicable to Firefox platforms that support neither pointer nor touch events. | |
| css.properties.touch-action.pan-y | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | Firefox: Not applicable to Firefox platforms that support neither pointer nor touch events. | |
| css.properties.touch-action.pinch-zoom | Safari | 9/19/2019 | Safari on iOS | 9/19/2019 | Firefox: Not applicable to Firefox platforms that support neither pointer nor touch events.Firefox for Android: Not applicable to Firefox for Android platforms that support neither pointer nor touch events. |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.OpenType_SVG | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.block-size π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.block-size.fit-content π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.block-size.max-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.block-size.min-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-color π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-color.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-color.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-style.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-width π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-width.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-width.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-end-width.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-color π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-color.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-color.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-style.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-width π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-width.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-width.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-block-start-width.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-color π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-color.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-color.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-style.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-width π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-width.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-width.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-end-width.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-color π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-color.currentColor π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-color.transparent π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.dashed π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.dotted π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.double π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.groove π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.hidden π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.inset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.outset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.ridge π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-style.solid π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-width π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-width.medium π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-width.thick π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.border-inline-start-width.thin π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.clip-path.is_animatable | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.column-gap.multicol_context.calc_values | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.gap.grid_context.calc_values | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.inline-size π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.inline-size.fit-content π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.inline-size.max-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.inline-size.min-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-block-end π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-block-end.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-block-start π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-block-start.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-inline-end π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-inline-end.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-inline-start π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.margin-inline-start.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-block-size π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-block-size.fit-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-block-size.max-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-block-size.min-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-block-size.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-inline-size π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-inline-size.fit-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-inline-size.max-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-inline-size.min-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.max-inline-size.none π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-block-size π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-block-size.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-block-size.fit-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-block-size.max-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-block-size.min-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-inline-size π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-inline-size.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-inline-size.fit-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-inline-size.max-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.min-inline-size.min-content | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.padding-block-end π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.padding-block-start π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.padding-inline-end π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.padding-inline-start π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-decoration-color π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-decoration-line π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-decoration-skip π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | Chrome: Only supported the deprecated ink value.Chrome Android: Only supported the deprecated ink value.Opera: Only supported the deprecated ink value.Opera Android: Only supported the deprecated ink value.Samsung Internet: Only supported the deprecated ink value.WebView Android: Only supported the deprecated ink value. | |
| css.properties.text-decoration-style π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-decoration-thickness π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | Chrome: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940.Chrome Android: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940.Edge: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940.Quest Browser: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940.Opera: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940.Opera Android: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940.Samsung Internet: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940.WebView Android: The text-decoration-thickness property has no effect unless text-underline-offset, text-decoration-color, or text-decoration-style are set to a non-initial value. See bug 40734940. | |
| css.properties.text-decoration-thickness.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-decoration-thickness.from-font π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-underline-offset π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-underline-offset.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-underline-position π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-underline-position.auto π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-underline-position.from-font π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.properties.text-underline-position.under π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.color.hsl.alpha_parameter | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.color.hsl.space_separated_parameters | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.color.rgb.alpha_parameter | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.color.rgb.float_values | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.color.rgb.space_separated_parameters | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.gradient.conic-gradient π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.gradient.conic-gradient.doubleposition | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.gradient.linear-gradient.doubleposition | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.gradient.radial-gradient.doubleposition | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.gradient.repeating-conic-gradient π | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.gradient.repeating-linear-gradient.doubleposition | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 | ||
| css.types.gradient.repeating-radial-gradient.doubleposition | Safari | 3/25/2019 | Safari on iOS | 3/25/2019 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.calc π | Safari | 9/17/2018 | Safari on iOS | 9/17/2018 | ||
| css.properties.column-gap.grid_context π | Safari | 9/17/2018 | Safari on iOS | 9/17/2018 | ||
| css.properties.column-gap.multicol_context.percentage_values | Safari | 9/17/2018 | Safari on iOS | 9/17/2018 | ||
| css.properties.gap.grid_context π | Safari | 9/17/2018 | Safari on iOS | 9/17/2018 | ||
| css.properties.row-gap.grid_context π | Safari | 9/17/2018 | Safari on iOS | 9/17/2018 | ||
| css.types.overflow.overlay | Safari | 9/17/2018 | Safari on iOS | 9/17/2018 | Chrome: Before version 114, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 114, the keyword aliases to the standard auto keyword. See bug 40444262.Chrome Android: Before version 114, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 114, the keyword aliases to the standard auto keyword. See bug 40444262.Edge: Before version 114, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 114, the keyword aliases to the standard auto keyword. See bug 40444262.Quest Browser: Before version false, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version false, the keyword aliases to the standard auto keyword. See bug 40444262.Opera: Before version 100, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 100, the keyword aliases to the standard auto keyword. See bug 40444262.Safari: Before version 12, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 12, the keyword aliases to the standard auto keyword. See bug 189811.Safari on iOS: Before version 12, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 12, the keyword aliases to the standard auto keyword. See bug 189811.WebView Android: Before version 114, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 114, the keyword aliases to the standard auto keyword. See bug 40444262.WebView on iOS: Before version 12, the overlay keyword caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space. From version 12, the keyword aliases to the standard auto keyword. See bug 189811. |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.OpenType_COLRv0 | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.at-rules.font-face.font-display π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.caret-color π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.caret-color.auto π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.caret-color.currentColor π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.caret-color.transparent π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.display.contents π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.font-stretch.percentage | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.font-style.oblique-angle π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | Chrome: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Chrome Android: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Edge: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Quest Browser: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Opera: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Opera Android: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Safari: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Safari on iOS: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.Samsung Internet: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.WebView Android: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876.WebView on iOS: Angles from 14 to 90 have the same effect as font-style: oblique (with a slant of 14 degrees). Angles from -90 to 13 have the same effect as font-style: normal (without a slant). In some cases (e.g. with vertical writing-mode), a negative angle produces a slant. See bug 425388876. |
| css.properties.speak-as π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.speak-as.digits π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.speak-as.literal-punctuation π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.speak-as.no-punctuation π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.speak-as.normal π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.speak-as.spell-out π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.stroke-color π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.stroke-color.currentColor π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.properties.stroke-color.transparent π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.selectors.marker π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | Safari: Safari support is limited to color and font-size.Safari on iOS: Safari on iOS support is limited to color and font-size.WebView on iOS: WebView on iOS support is limited to color and font-size. |
| css.types.env π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.types.max π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 | |
| css.types.min π | Safari on iOS | 3/29/2018 | Safari | 4/12/2018 | 14 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.src.format_variations | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.align-content.flex_context.first_baseline | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.align-content.flex_context.last_baseline | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Safari: This value is recognized, but has no effect. See bug 235005.Safari on iOS: This value is recognized, but has no effect. See bug 235005.WebView on iOS: This value is recognized, but has no effect. See bug 235005. | |
| css.properties.align-content.flex_context.space-evenly | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.align-items.flex_context.first_baseline | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.align-items.grid_context.start_end | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.align-self.flex_context.first_baseline | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font.font-width_keyword_values | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-family.system-ui | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Firefox: Supported on macOS only. | |
| css.properties.font-stretch π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Chrome: A font-stretch declaration must be added to the @font-face before this property will function.Chrome Android: A font-stretch declaration must be added to the @font-face before this property will function.Quest Browser: A font-stretch declaration must be added to the @font-face before this property will function.Opera: A font-stretch declaration must be added to the @font-face before this property will function.Opera Android: A font-stretch declaration must be added to the @font-face before this property will function.Samsung Internet: A font-stretch declaration must be added to the @font-face before this property will function.WebView Android: A font-stretch declaration must be added to the @font-face before this property will function. | |
| css.properties.font-stretch.condensed π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.expanded π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.extra-condensed π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.extra-expanded π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.normal π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.semi-condensed π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.semi-expanded π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.ultra-condensed π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-stretch.ultra-expanded π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-variation-settings π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Safari: Requires macOS 10.13 High Sierra or later.Safari on iOS: Requires iOS 11 or later.WebView on iOS: Requires iOS 11 or later. | |
| css.properties.font-variation-settings.normal π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.font-weight.number | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.gap.grid_context.percentage_values | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.grid-auto-columns.max-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.grid-auto-columns.min-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.grid-auto-rows.max-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.grid-auto-rows.min-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.height.fit-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.height.max-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.height.min-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.justify-content.flex_context.space-evenly | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.line-break π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.max-height.fit-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Firefox: Firefox implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing.Firefox for Android: Firefox for Android implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing. | |
| css.properties.max-height.max-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.max-height.min-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.max-width.fit-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Firefox: Firefox implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing.Firefox for Android: Firefox for Android implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing. | |
| css.properties.max-width.max-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.max-width.min-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.min-height.fit-content | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Firefox: Firefox implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing.Firefox for Android: Firefox for Android implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing. | |
| css.properties.min-height.max-content | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.min-height.min-content | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.min-width.fit-content | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Firefox: Firefox implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing.Firefox for Android: Firefox for Android implements the definitions given in CSS3 Basic Box. This defines available and not fit-available. Also, the definition of fit-content is simpler than in CSS3 Sizing. | |
| css.properties.min-width.max-content | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.min-width.min-content | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.paint-order π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Chrome: Does not affect stroked HTML text, see bug 41372165Chrome Android: Does not affect stroked HTML text, see bug 41372165Edge: Does not affect stroked HTML text, see bug 41372165Quest Browser: Does not affect stroked HTML text, see bug 41372165Opera: Does not affect stroked HTML text, see bug 41372165Opera Android: Does not affect stroked HTML text, see bug 41372165Safari: Does not affect stroked HTML text, see bug 168601Safari on iOS: Does not affect stroked HTML text, see bug 168601Samsung Internet: Does not affect stroked HTML text, see bug 41372165WebView Android: Does not affect stroked HTML text, see bug 41372165WebView on iOS: Does not affect stroked HTML text, see bug 168601 | |
| css.properties.place-content.grid_context | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Firefox: Starting with version 60, you can only specify a single value if it is valid for both align-content and justify-content.Firefox for Android: Starting with version 60, you can only specify a single value if it is valid for both align-content and justify-content. | |
| css.properties.place-items π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.place-items.flex_context | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.place-items.grid_context | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.place-self π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.place-self.flex_context | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.place-self.grid_context | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.position.absolutely_positioned_flex_children | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-padding.auto π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-align π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-align.center π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-align.end π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-align.none π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-align.start π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-type π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Edge: Edge supports an earlier draft of CSS Scroll Snap without axis values.Firefox: On macOS Monterey, scroll snapping does not complete reliably. See bug 1749352.Firefox: An earlier draft of CSS Scroll Snap without axis values.Firefox for Android: An earlier draft of CSS Scroll Snap without axis values.Internet Explorer: Internet Explorer supports an earlier draft of CSS Scroll Snap without axis values.Safari: Older Safari versions support an earlier draft of CSS Scroll Snap without axis values.Safari on iOS: Older Safari on iOS versions support an earlier draft of CSS Scroll Snap without axis values.WebView on iOS: Older WebView on iOS versions support an earlier draft of CSS Scroll Snap without axis values. | |
| css.properties.scroll-snap-type.block π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-type.both π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-type.inline π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-type.none π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-type.x π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.scroll-snap-type.y π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.transform-box π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.transform-box.border-box π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.transform-box.fill-box π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.transform-box.view-box π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.unicode-bidi.isolate π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Chrome: Before Chrome 47, -webkit-isolate could lock up the browser.Chrome: Since Chrome 19, the syntax from a previous version of the specification, where the isolate keyword could be used together with bidi-override, is allowed.Firefox: From Firefox 10 to Firefox 16 (inclusive), the isolate keyword could be used together with bidi-override, which was the syntax from a previous version of the specification. From Firefox 17, only one value is allowed. Use isolate-override instead the previous isolate bidi-override.Firefox for Android: From Firefox for Android 10 to Firefox for Android 16 (inclusive), the isolate keyword could be used together with bidi-override, which was the syntax from a previous version of the specification. From Firefox for Android 17, only one value is allowed. Use isolate-override instead the previous isolate bidi-override.Opera: Before Opera 34, -webkit-isolate could lock up the browser.Opera: Since Opera 15, the syntax from a previous version of the specification, where the isolate keyword could be used together with bidi-override, is allowed.Safari: Before Safari 9, -webkit-isolate could lock up the browser.Safari on iOS: Before Safari on iOS 9, -webkit-isolate could lock up the browser.WebView on iOS: Before WebView on iOS 9, -webkit-isolate could lock up the browser. | |
| css.properties.unicode-bidi.isolate-override π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.unicode-bidi.plaintext π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | Firefox: Before Firefox 50, the plaintext value was ignored for vertical writing modes (bug 1302734).Firefox: Before Firefox 15, plaintext didn't do anything to an inline element. The specification changed and the implementation was changed in Firefox 15.Firefox for Android: Before Firefox for Android 50, the plaintext value was ignored for vertical writing modes (bug 1302734).Firefox for Android: Before Firefox for Android 15, plaintext didn't do anything to an inline element. The specification changed and the implementation was changed in Firefox for Android 15. | |
| css.properties.width.fit-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.width.max-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.properties.width.min-content π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.types.calc.nested | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.types.env.safe-area-inset-bottom π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.types.env.safe-area-inset-left π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.types.env.safe-area-inset-right π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 | ||
| css.types.env.safe-area-inset-top π | Safari | 9/19/2017 | Safari on iOS | 9/19/2017 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.font-stretch π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.at-rules.keyframes.ignore_important_declarations | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.at-rules.media.prefers-reduced-motion π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.align-content.grid_context π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.align-items.grid_context π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.align-self.grid_context π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Internet Explorer: Internet Explorer 10 and 11 have the property -ms-grid-row-align, which acts in a similar way to align-self. | |
| css.properties.display.grid | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Internet Explorer: Internet Explorer implements an older version of the specification.Samsung Internet: Samsung Internet added this earlier than the corresponding Chrome version would indicate. | |
| css.properties.display.inline-grid | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Internet Explorer: Internet Explorer implements an older version of the specification.Samsung Internet: Samsung Internet added this earlier than the corresponding Chrome version would indicate. | |
| css.properties.font-synthesis.small-caps | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.font-synthesis.style | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.font-synthesis.weight | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.gap π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.gap.normal π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Samsung Internet: This was added early so is out of sync with the equivalent Chromium version. | |
| css.properties.grid.none π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-area π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-area.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-auto-columns π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Firefox: Does not accept multiple track-size values. See bug 1339672.Firefox for Android: Does not accept multiple track-size values. See bug 1339672. | |
| css.properties.grid-auto-columns.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-auto-flow π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-auto-flow.column π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-auto-flow.dense π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-auto-flow.row π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-auto-rows π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Firefox: Does not accept multiple track-size values. See bug 1339672.Firefox for Android: Does not accept multiple track-size values. See bug 1339672. | |
| css.properties.grid-auto-rows.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-column π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-column.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-column-end π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-column-end.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-column-start π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-column-start.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-row π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-row.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-row-end π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-row-end.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-row-start π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-row-start.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template.none π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-areas π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-areas.none π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns.fit-content π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns.max-content π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns.min-content π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns.minmax π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns.none π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-columns.repeat π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Firefox: repeat(auto-fill, ...) and repeat(auto-fit, ...) only support one repeated column (see bug 1341507).Firefox: calc() doesn't work in repeat() (see bug 1350069).Firefox for Android: repeat(auto-fill, ...) and repeat(auto-fit, ...) only support one repeated column (see bug 1341507).Firefox for Android: calc() doesn't work in repeat() (see bug 1350069). | |
| css.properties.grid-template-rows π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-rows.auto π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-rows.fit-content π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-rows.max-content π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-rows.min-content π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-rows.minmax π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-rows.none π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.grid-template-rows.repeat π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Firefox: repeat(auto-fill, ...) and repeat(auto-fit, ...) only support one repeated column (see bug 1341507).Firefox: calc() doesn't work in repeat() (see bug 1350069).Firefox for Android: repeat(auto-fill, ...) and repeat(auto-fit, ...) only support one repeated column (see bug 1341507).Firefox for Android: calc() doesn't work in repeat() (see bug 1350069). | |
| css.properties.justify-content.grid_context π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.justify-items.grid_context π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.justify-self π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.justify-self.auto | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.justify-self.grid_context π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Internet Explorer: Internet Explorer 10 and 11 have the property -ms-grid-column-align, which acts in a similar way to justify-self. | |
| css.properties.justify-self.left | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.justify-self.normal | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.justify-self.right | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.justify-self.stretch | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.row-gap π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.row-gap.normal π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-image-threshold π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-margin π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.border-box π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.circle | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.content-box π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.gradient π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.image π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.inset | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.margin-box π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.none π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.padding-box π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.shape-outside.polygon | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.writing-mode π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | Firefox: Firefox 42 added support for bidirectional and RTL scripts in vertical modes.Firefox for Android: Firefox for Android 42 added support for bidirectional and RTL scripts in vertical modes.Internet Explorer: Internet Explorer's implementation differs from the specification.Internet Explorer: Internet Explorer's implementation differs from the specification. | |
| css.properties.writing-mode.lr | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.writing-mode.lr-tb | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.writing-mode.rl | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.writing-mode.rl-tb | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.writing-mode.tb | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.properties.writing-mode.tb-rl | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.selectors.focus-within π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.selectors.placeholder π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.basic-shape π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.basic-shape.animation | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.basic-shape.circle π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.basic-shape.ellipse π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.basic-shape.inset π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.basic-shape.polygon π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.flex π | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 | ||
| css.types.number.scientific_notation | Safari | 3/27/2017 | Safari on iOS | 3/27/2017 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.WOFF_2 π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Safari: Supported only on macOS 10.12 (Sierra) and later. |
| css.at-rules.font-face.font-feature-settings π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Firefox: The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS.Firefox: From Firefox 4 to Firefox 14 (inclusive), Firefox supported an older, slightly different syntax. See OpenType Font Feature support in Firefox 4.Firefox for Android: The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox for Android 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox for Android 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS.Firefox for Android: From Firefox for Android 4 to Firefox for Android 14 (inclusive), Firefox for Android supported an older, slightly different syntax. See OpenType Font Feature support in Firefox for Android 4. |
| css.at-rules.media.color-gamut π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.at-rules.media.color-gamut.p3 π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Firefox: color-gamut: p3 is always false because Firefox does not support wide-gamut color. See bug 1626624.Firefox for Android: color-gamut: p3 is always false because Firefox for Android does not support wide-gamut color. See bug 1626624. |
| css.at-rules.media.color-gamut.rec2020 π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Firefox: color-gamut: rec2020 is always false because Firefox does not support wide-gamut color. See bug 1626624.Firefox for Android: color-gamut: rec2020 is always false because Firefox for Android does not support wide-gamut color. See bug 1626624. |
| css.at-rules.media.color-gamut.srgb π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Firefox: color-gamut: srgb is always true because Firefox does not support wide-gamut color. See bug 1626624.Firefox for Android: color-gamut: srgb is always true because Firefox for Android does not support wide-gamut color. See bug 1626624. |
| css.properties.-webkit-text-zoom | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.auto | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.avoid-column | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.avoid-page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.column | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.left | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.paged_context π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.paged_context.avoid-page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.paged_context.page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.recto | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.right | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-after.verso | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.auto | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.avoid-column | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.avoid-page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.column | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.left | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.paged_context π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.paged_context.page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.recto | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.right | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-before.verso | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside.auto | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside.avoid | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside.avoid-column | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside.avoid-page | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside.multicol_context π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside.multicol_context.avoid-column | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.break-inside.paged_context π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.column-gap.multicol_context π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Firefox: Before Firefox 3, the default value for the normal keyword was 0 and not 1em. |
| css.properties.hanging-punctuation π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Safari: The characters U+0027 and U+0022 are not supported by the first and last keywords.Safari on iOS: The characters U+0027 and U+0022 are not supported by the first and last keywords.WebView on iOS: The characters U+0027 and U+0022 are not supported by the first and last keywords. |
| css.properties.hanging-punctuation.allow-end π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.hanging-punctuation.first π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.hanging-punctuation.last π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.hanging-punctuation.none π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.image-rendering.pixelated π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.mix-blend-mode.color π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.mix-blend-mode.hue π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.mix-blend-mode.luminosity π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.mix-blend-mode.saturation π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-fit π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Edge: Only supported for <img> elements. |
| css.properties.object-fit.contain π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-fit.cover π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-fit.fill π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-fit.none π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-fit.scale-down π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-position π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Edge: Only supported for <img> elements. |
| css.properties.object-position.bottom π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-position.center π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-position.left π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-position.right π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.object-position.top π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.transition.allow-discrete π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.properties.transition.normal π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.selectors.defined π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.selectors.host π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.selectors.hostfunction π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | Safari: Certain CSS selectors do not work (:host > .local-child) and styling slotted content (::slotted) is buggy.Safari on iOS: Certain CSS selectors do not work (:host > .local-child) and styling slotted content (::slotted) is buggy.WebView on iOS: Certain CSS selectors do not work (:host > .local-child) and styling slotted content (::slotted) is buggy. |
| css.selectors.indeterminate.radio | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.selectors.slotted π | Safari on iOS | 9/13/2016 | Safari | 9/20/2016 | 7 | |
| css.types.color.rgb_hexadecimal_notation.alpha_hexadecimal_notation | Safari on iOS | 3/21/2016 | Safari | 9/20/2016 | 183 | |
| css.types.image.cross-fade π | Safari on iOS | 3/21/2016 | Safari | 9/20/2016 | 183 | Chrome: Supports the original dual-image with percentage implementation only.Chrome: See bug 40470742 for supporting the unprefixed cross-fade() function.Chrome Android: Supports the original dual-image with percentage implementation only.Chrome Android: See bug 40470742 for supporting the unprefixed cross-fade() function.Edge: Supports the original dual-image with percentage implementation only.Edge: See bug 40470742 for supporting the unprefixed cross-fade() function.Quest Browser: Supports the original dual-image with percentage implementation only.Quest Browser: See bug 40470742 for supporting the unprefixed cross-fade() function.Opera: Supports the original dual-image with percentage implementation only.Opera: See bug 40470742 for supporting the unprefixed cross-fade() function.Opera Android: Supports the original dual-image with percentage implementation only.Opera Android: See bug 40470742 for supporting the unprefixed cross-fade() function.Safari: Supports the original dual-image with percentage implementation only.Safari: Supports the original dual-image with percentage implementation only.Safari on iOS: Support for the original dual-image with percentage implementation only.Safari on iOS: Supports the original dual-image with percentage implementation only.Samsung Internet: Supports the original dual-image with percentage implementation only.Samsung Internet: See bug 40470742 for supporting the unprefixed cross-fade() function.WebView Android: Supports the original dual-image with percentage implementation only.WebView Android: See bug 40470742 for supporting the unprefixed cross-fade() function.WebView on iOS: Support for the original dual-image with percentage implementation only.WebView on iOS: Supports the original dual-image with percentage implementation only. |
| css.at-rules.media.inverted-colors π | Safari | 3/21/2016 | Safari on iOS | 9/13/2016 | 176 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.OpenType_SBIX | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values.annotation | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values.character-variant | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values.historical-forms | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values.ornaments | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values.styleset | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values.stylistic | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.at-rules.font-feature-values.swash | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.all π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.border-box π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.bottom π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.center π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.content-box π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.fixed π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.left π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.padding-box π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.right π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background.top π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.background-color.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-bottom.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-bottom-color.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-color.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-image-repeat π | Safari | 7/25/2012 | Safari on iOS | 3/21/2016 | 1335 | |
| css.properties.border-image-repeat.repeat π | Safari | 7/25/2012 | Safari on iOS | 3/21/2016 | 1335 | |
| css.properties.border-image-repeat.round π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-image-repeat.space π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-image-repeat.stretch π | Safari | 7/25/2012 | Safari on iOS | 3/21/2016 | 1335 | |
| css.properties.border-left.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-left-color.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-right.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-right-color.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-top.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.border-top-color.currentColor π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.clip-path π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | Edge: Only supports clip paths defined by url().Internet Explorer: Only supports clip paths defined by url(). | |
| css.properties.custom-property π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.filter π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | Internet Explorer: Internet Explorer 4 to 9 implemented a non-standard filter property. The syntax was completely different from this one and is not documented here. | |
| css.properties.font-feature-settings π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | Firefox: The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS.Firefox: From Firefox 129 the -webkit-font-feature-settings alias has been added to support sites that are still supporting the vendor prefix.Firefox: From Firefox 4 to Firefox 14 (inclusive), Firefox supported an older, slightly different syntax. See OpenType Font Feature support in Firefox 4.Firefox for Android: The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox for Android 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox for Android 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS.Firefox for Android: From Firefox for Android 129 the -webkit-font-feature-settings alias has been added to support sites that are still supporting the vendor prefix.Firefox for Android: From Firefox for Android 4 to Firefox for Android 14 (inclusive), Firefox for Android supported an older, slightly different syntax. See OpenType Font Feature support in Firefox for Android 4. | |
| css.properties.font-feature-settings.normal π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant.css_fonts_shorthand | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant.historical-forms π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant.sub π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant.super π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-alternates π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-alternates.historical-forms π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-alternates.normal π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps.all-petite-caps π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps.all-small-caps π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps.normal π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps.petite-caps π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps.small-caps π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps.titling-caps π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-caps.unicase π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.full-width π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.jis04 π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.jis78 π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.jis83 π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.jis90 π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.normal π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.proportional-width π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.ruby π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.simplified π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-east-asian.traditional π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-ligatures π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.diagonal-fractions π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.lining-nums π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.normal π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.oldstyle-nums π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.ordinal π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.proportional-nums π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.slashed-zero π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.stacked-fractions π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-numeric.tabular-nums π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-position π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-position.normal π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.font-variant-position.sub π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | Chrome: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 352218916).Chrome Android: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 352218916).Edge: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 352218916).Opera: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 352218916).Opera Android: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 352218916).Safari: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 151471).Safari on iOS: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 151471).Samsung Internet: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 352218916).WebView Android: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 352218916).WebView on iOS: If the font does not have subscript glyphs, then substitute characters are not synthesized (see bug 151471). | |
| css.properties.font-variant-position.super π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | Chrome: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 352218916).Chrome Android: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 352218916).Edge: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 352218916).Opera: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 352218916).Opera Android: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 352218916).Safari: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 151471).Safari on iOS: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 151471).Samsung Internet: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 352218916).WebView Android: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 352218916).WebView on iOS: If the font does not have superscript glyphs, then substitute characters are not synthesized (see bug 151471). | |
| css.properties.hyphens.language_croatian | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.hyphens.language_czech | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.hyphens.language_finnish | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.hyphens.language_hungarian | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.hyphens.language_polish | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.hyphens.language_portuguese | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.hyphens.language_ukrainian | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.mix-blend-mode.plus-lighter π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.will-change π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.will-change.auto π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.will-change.contents π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.properties.will-change.scroll-position π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.types.global_keywords.revert π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.types.global_keywords.unset π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.types.image.filter π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 | ||
| css.types.var π | Safari | 3/21/2016 | Safari on iOS | 3/21/2016 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.keyframes π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.at-rules.media.any-hover π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.at-rules.media.any-pointer π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.at-rules.media.hover π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Chrome: Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 40397980.Chrome Android: On some Android devices, such as certain Samsung models, the (hover: hover) media query may incorrectly match. See bug 41445959.Quest Browser: On some Android devices, such as certain Samsung models, the (hover: hover) media query may incorrectly match. See bug 41445959.Opera: Before Opera 28, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 40397980.Opera Android: On some Android devices, such as certain Samsung models, the (hover: hover) media query may incorrectly match. See bug 41445959.Samsung Internet: On some Android devices, such as certain Samsung models, the (hover: hover) media query may incorrectly match. See bug 41445959.WebView Android: On some Android devices, such as certain Samsung models, the (hover: hover) media query may incorrectly match. See bug 41445959. |
| css.at-rules.media.pointer π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.at-rules.supports π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-content π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-content.flex_context π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-content.flex_context.baseline | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-content.flex_context.stretch | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-content.normal π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-items π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-self π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.align-self.flex_context.stretch π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.animation π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | WebView Android: The animation-fill-mode property is not supported in Android browsers below 2.3. |
| css.properties.animation-delay π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Before Firefox 57, Firefox does not repaint elements outside the viewport that are animated into the viewport with a delay. This bug affects only some platforms, such as Windows. |
| css.properties.animation-direction π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.animation-duration π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Internet Explorer: Once the element has loaded, changing the value of this property has no effect. |
| css.properties.animation-fill-mode π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.animation-iteration-count π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.animation-name π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.animation-play-state π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.animation-timing-function π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.backdrop-filter.none π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.color-interpolation-filters.linearRGB π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.color-interpolation-filters.sRGB π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.column-count π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Before version 37, multiple columns didn't work with display: table-caption elements.Firefox for Android: Before version 37, multiple columns didn't work with display: table-caption elements. |
| css.properties.column-fill π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.column-rule π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Before Firefox 3, the default value for the normal keyword was 0 and not 1em. |
| css.properties.column-rule-color π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.column-rule-style π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.column-rule-width π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.column-span π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.column-width π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Before version 37, multiple columns didn't work with display: table-caption elements.Firefox for Android: Before version 37, multiple columns didn't work with display: table-caption elements. |
| css.properties.columns π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Before version 37, multiple columns didn't work with display: table-caption elements.Firefox for Android: Before version 37, multiple columns didn't work with display: table-caption elements. |
| css.properties.content.element_replacement | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.counter-increment.list-item π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.counter-reset.list-item π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Chrome: Overriding the initial value of the implicit list-item counter has no effect when the default marker string for list items (::marker) is generated; see bug 338233131.Chrome Android: Overriding the initial value of the implicit list-item counter has no effect when the default marker string for list items (::marker) is generated; see bug 338233131.Quest Browser: Overriding the initial value of the implicit list-item counter has no effect when the default marker string for list items (::marker) is generated; see bug 338233131.Opera: Overriding the initial value of the implicit list-item counter has no effect when the default marker string for list items (::marker) is generated; see bug 338233131.Opera Android: Overriding the initial value of the implicit list-item counter has no effect when the default marker string for list items (::marker) is generated; see bug 338233131.Safari: Overriding the initial value of the implicit list-item counter results in incorrect values for the counter() function used to generate content, as it is not fully implemented; see bug 260436.Safari on iOS: Overriding the initial value of the implicit list-item counter results in incorrect values for the counter() function used to generate content, as it is not fully implemented; see bug 260436.Samsung Internet: Overriding the initial value of the implicit list-item counter has no effect when the default marker string for list items (::marker) is generated; see bug 338233131.WebView Android: Overriding the initial value of the implicit list-item counter has no effect when the default marker string for list items (::marker) is generated; see bug 338233131.WebView on iOS: Overriding the initial value of the implicit list-item counter results in incorrect values for the counter() function used to generate content, as it is not fully implemented; see bug 260436. |
| css.properties.cx π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.cy π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.display.flex | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Firefox 28 added multi-line flexbox support.Firefox for Android: Firefox for Android 28 added multi-line flexbox support.Internet Explorer: IE incorrectly positions inline block content inside flex containers. See the discussion on Microsoft Answers.Internet Explorer: IE incorrectly positions inline block content inside flex containers. See the discussion on Microsoft Answers. |
| css.properties.display.inline-flex | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Firefox 28 added multi-line flexbox support.Firefox for Android: Firefox for Android 28 added multi-line flexbox support. |
| css.properties.flex π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Since Firefox 28, multi-line flexbox is supported.Firefox: Before Firefox 32, Firefox wasn't able to animate values starting or stopping at 0.Firefox: Until Firefox 61, flex items that are sized according to their content are sized using fit-content, not max-content.Firefox for Android: Since Firefox for Android 28, multi-line flexbox is supported.Firefox for Android: Before Firefox for Android 32, Firefox for Android wasn't able to animate values starting or stopping at 0.Firefox for Android: Until Firefox for Android 61, flex items that are sized according to their content are sized using fit-content, not max-content.Internet Explorer: Internet Explorer 11 ignores uses of calc() in the flex-basis part of the flex syntax. This can be worked around by using the longhand properties instead of the shorthand. See Flexbug #8 for more info.Internet Explorer: Internet Explorer 11 considers a unitless value in the flex-basis part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the flex-basis part of the flex shorthand value. See Flexbug #4 for more info.Internet Explorer: Internet Explorer 10 and 11 ignore uses of calc() in the flex-basis part of the flex syntax. This can be worked around by using the longhand properties instead of the shorthand. See Flexbug #8 for more info.Internet Explorer: Internet Explorer 10 and 11 consider a unitless value in the flex-basis part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the flex-basis part of the flex shorthand value. See Flexbug #4 for more info. |
| css.properties.flex-basis π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Since Firefox 28, multi-line flexbox is supported.Firefox for Android: Since Firefox for Android 28, multi-line flexbox is supported.Internet Explorer: When a non- auto flex-basis is specified, Internet Explorer 10 and 11 always uses a content-box box model to calculate the size of a flex item, even if box-sizing: border-box is applied to the element. See Flexbug #7 for more info. |
| css.properties.flex-basis.auto | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.flex-direction π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Since Firefox 28, multi-line flexbox is supported.Firefox for Android: Since Firefox for Android 28, multi-line flexbox is supported. |
| css.properties.flex-flow π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.flex-grow π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Since Firefox 28, multi-line flexbox is supported.Firefox for Android: Since Firefox for Android 28, multi-line flexbox is supported. |
| css.properties.flex-shrink π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Since Firefox 28, multi-line flexbox is supported.Firefox: Before Firefox 32, Firefox wasn't able to animate values starting or stopping at 0.Firefox for Android: Since Firefox for Android 28, multi-line flexbox is supported.Firefox for Android: Before Firefox for Android 32, Firefox for Android wasn't able to animate values starting or stopping at 0.Internet Explorer: Internet Explorer 10 uses 0 instead of 1 as the initial value for the flex-shrink property. A workaround is to always set an explicit value for flex-shrink. See Flexbug #6 for more info. |
| css.properties.flex-wrap π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Internet Explorer: Partial support due to large number of bugs present. See Flexbugs. |
| css.properties.font-kerning π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.font-kerning.auto π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.font-kerning.none π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.font-kerning.normal π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.font-synthesis π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.font-synthesis.none π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.font-variant.none π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.height.stretch π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.initial-letter π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Safari: See bug 229090 for the unprefixed property.Safari on iOS: See bug 229090 for the unprefixed property.Safari on iOS: Does not support decimal values. See bug 296785.WebView on iOS: See bug 229090 for the unprefixed property.WebView on iOS: Does not support decimal values. See bug 296785. |
| css.properties.initial-letter.normal π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-content π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-content.flex_context.left_right | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Internet Explorer: This value is recognized, but has no effect.Opera Android: This value is recognized, but has no effect. |
| css.properties.justify-content.flex_context.stretch | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-items π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-items.center | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-items.flex_context π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-items.left | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-items.legacy π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.justify-items.right | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.max-height.stretch π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.min-height.stretch | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.mix-blend-mode.plus-darker π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.order π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Since Firefox 28, multi-line flexbox is supported.Firefox for Android: Since Firefox for Android 28, multi-line flexbox is supported. |
| css.properties.perspective π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: From version 147, Firefox supports -webkit-perspective with unitless values for increased compatibility.Firefox for Android: From version 147, Firefox for Android supports -webkit-perspective with unitless values for increased compatibility.Safari on iOS: In iOS 13, the perspective property did not function properly. The issues were fixed in iOS 14.WebView on iOS: In iOS 13, the perspective property did not function properly. The issues were fixed in iOS 14. |
| css.properties.perspective-origin π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.place-content π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.place-content.flex_context | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Starting with version 60, you can only specify a single value if it is valid for both align-content and justify-content.Firefox for Android: Starting with version 60, you can only specify a single value if it is valid for both align-content and justify-content. |
| css.properties.quotes π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.quotes.none π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.r π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.transform π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Internet Explorer: Internet Explorer does not support the global values initial and unset.Internet Explorer: Internet Explorer 5.5 or later supports a proprietary Matrix Filter which can be used to achieve a similar effect.WebView Android: Android 2.3 has a bug where input forms will "jump" when typing, if any container element has a -webkit-transform. |
| css.properties.transform-origin π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.transform-style π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Safari: Before Safari 17, ::before and ::after pseudo elements were not included in the 3D rendering context (see bug 256430). |
| css.properties.transition π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | Firefox: Before Firefox 57, transitions do not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (see bug 726550).Firefox: Before Firefox 57, cancelling a filling animation (for example, with animation-fill-mode: forwards set) can trigger a transition set on the same element, although only once (see bug 1192592 and these test cases for more information).Firefox: Before Firefox 57, the background-position property can't be transitioned between two values containing different numbers of <position> values, for example background-position: 10px 10px; and background-position: 20px 20px, 30px 30px; (see bug 1390446).Firefox for Android: Before Firefox for Android 57, transitions do not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (see bug 726550).Firefox for Android: Before Firefox for Android 57, cancelling a filling animation (for example, with animation-fill-mode: forwards set) can trigger a transition set on the same element, although only once (see bug 1192592 and these test cases for more information).Firefox for Android: Before Firefox for Android 57, the background-position property can't be transitioned between two values containing different numbers of <position> values, for example background-position: 10px 10px; and background-position: 20px 20px, 30px 30px; (see bug 1390446). |
| css.properties.transition-delay π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.transition-duration π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.transition-property π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.transition-timing-function π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.word-break.keep-all π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.writing-mode.horizontal-tb | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.writing-mode.vertical-lr | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.writing-mode.vertical-rl | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.x π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.properties.y π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.any-link π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.attribute.case_insensitive_modifier | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.invalid.form | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.lang.argument_list | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.lang.wildcards | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.not.selector_list | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.nth-child.of_syntax | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.nth-last-child.of_syntax | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.placeholder-shown π | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.placeholder-shown.non_text_types | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.selectors.valid.form | Safari on iOS | 9/16/2015 | Safari | 9/30/2015 | 14 | |
| css.types.color.named-color.rebeccapurple | Safari on iOS | 9/17/2014 | Safari | 9/30/2015 | 378 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.color-index π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.background-blend-mode π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.background-repeat.round π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.background-repeat.space π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.column-fill.auto π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.column-fill.balance π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.font-variant.turkic_is | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.isolation π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.isolation.auto π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.isolation.isolate π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.line-break.loose π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.line-break.strict π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.color-burn π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.color-dodge π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.darken π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.difference π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.exclusion π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.hard-light π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.lighten π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.multiply π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.normal π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.overlay π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.screen π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.mix-blend-mode.soft-light π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.paint-order.fill π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.paint-order.markers π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.paint-order.normal π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.paint-order.stroke π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.position.position_sticky_table_elements | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | Firefox: Borders do not display on table headers if border-collapse is set to collapse (bug 1727594).Firefox for Android: Borders do not display on table headers if border-collapse is set to collapse (bug 1727594). |
| css.properties.text-decoration-color.currentColor π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-color.transparent π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-line.blink π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | Chrome: The blink value does not have any effect.Chrome Android: The blink value does not have any effect.Edge: The blink value does not have any effect.Firefox: The blink value does not have any effect.Firefox for Android: The blink value does not have any effect.Quest Browser: The blink value does not have any effect.Samsung Internet: The blink value does not have any effect.WebView Android: The blink value does not have any effect. |
| css.properties.text-decoration-line.line-through π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-line.none π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-line.overline π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-line.underline π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-style.dashed π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-style.dotted π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-style.double π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-style.solid π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-decoration-style.wavy π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-emphasis-position.left | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-emphasis-position.right | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.properties.text-transform.turkic_is | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 | |
| css.types.blend-mode π | Safari on iOS | 9/17/2014 | Safari | 10/16/2014 | 29 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.nested-queries | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.-webkit-column-progression | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.-webkit-cursor-visibility | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.-webkit-mask-source-type | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.align-items.flex_context π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Chrome implements the new behavior beginning with Chrome 52.Chrome Android: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Chrome Android implements the new behavior beginning with Chrome Android 52.Firefox: Multi-line flexbox has been supported since Firefox 28.Firefox for Android: Multi-line flexbox has been supported since Firefox for Android 28.Internet Explorer: In Internet Explorer 10 and 11, if column flex items have align-items: center; set on them and their content is too large, then they will overflow the bounds of their container. See Flexbug #2.Opera: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Opera implements the new behavior beginning with Opera 39.Opera Android: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Opera Android implements the new behavior beginning with Opera Android 41.Samsung Internet: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Samsung Internet implements the new behavior beginning with Samsung Internet 6.0.WebView Android: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. WebView Android implements the new behavior beginning with WebView Android 52. |
| css.properties.align-items.flex_context.baseline | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.align-self.auto π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.align-self.flex_context π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Chrome implements the new behavior beginning with Chrome 52.Chrome Android: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Chrome Android implements the new behavior beginning with Chrome Android 52.Firefox: Before Firefox 27, only single-line flexbox is supported.Firefox for Android: Before Firefox for Android 27, only single-line flexbox is supported.Samsung Internet: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Samsung Internet implements the new behavior beginning with Samsung Internet 6.0.WebView Android: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. WebView Android implements the new behavior beginning with WebView Android 52. |
| css.properties.align-self.flex_context.baseline π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.align-self.normal π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.align-self.stretch π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.background-position.side-relative_values | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.box-decoration-break π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: This property is only supported for inline elements.Chrome Android: This property is only supported for inline elements.Edge: This property is only supported for inline elements.Quest Browser: This property is only supported for inline elements.Safari: This property is only supported for inline elements.Safari on iOS: This property is only supported for inline elements.Samsung Internet: This property is only supported for inline elements.WebView Android: This property is only supported for inline elements.WebView on iOS: This property is only supported for inline elements. |
| css.properties.box-decoration-break.clone π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: This value was only supported with the -webkit- prefix.Chrome Android: This value was only supported with the -webkit- prefix.Edge: This value was only supported with the -webkit- prefix.Quest Browser: This value was only supported with the -webkit- prefix.Opera: This value was only supported with the -webkit- prefix.Opera Android: This value was only supported with the -webkit- prefix.Samsung Internet: This value was only supported with the -webkit- prefix.WebView Android: This value was only supported with the -webkit- prefix. |
| css.properties.box-decoration-break.slice π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: This value was only supported with the -webkit- prefix.Chrome Android: This value was only supported with the -webkit- prefix.Edge: This value was only supported with the -webkit- prefix.Quest Browser: This value was only supported with the -webkit- prefix.Opera: This value was only supported with the -webkit- prefix.Opera Android: This value was only supported with the -webkit- prefix.Samsung Internet: This value was only supported with the -webkit- prefix.WebView Android: This value was only supported with the -webkit- prefix. |
| css.properties.buffered-rendering | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.buffered-rendering.auto | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.buffered-rendering.dynamic | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.buffered-rendering.static | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.clip-path.basic_shape π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.clip-path.html_elements | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.clip-path.svg_elements | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.content.gradient π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: content: <gradient> doesn't paint on ::before/::after pseudo elements. See bug 1832901.Firefox for Android: content: <gradient> doesn't paint on ::before/::after pseudo elements. See bug 1832901. |
| css.properties.flex.auto π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex.none π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-direction.column π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-direction.column-reverse π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Before Firefox 81, overflow with column-reverse was unsupported. See bug 1042151.Firefox for Android: Before Firefox for Android 81, overflow with column-reverse was unsupported. See bug 1042151. |
| css.properties.flex-direction.row π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-direction.row-reverse π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Before Firefox 81, overflow with column-reverse was unsupported. See bug 1042151.Firefox for Android: Before Firefox for Android 81, overflow with column-reverse was unsupported. See bug 1042151. |
| css.properties.flex-flow.column π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-flow.column-reverse π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-flow.nowrap π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-flow.row π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-flow.row-reverse π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-flow.wrap π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-flow.wrap-reverse π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-wrap.nowrap π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-wrap.wrap π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.flex-wrap.wrap-reverse π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-size.rem_values | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Before Firefox 57, animations using em units are not affected by changes to the font-size of the animated element's parent (bug 1254424).Firefox: Before Firefox 57, some language settings' inherited font-size is smaller than expected (bug 1391341). |
| css.properties.font-variant-ligatures.common-ligatures π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.contextual π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.discretionary-ligatures π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.historical-ligatures π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.no-common-ligatures π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.no-contextual π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.no-discretionary-ligatures π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.no-historical-ligatures π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.none π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.font-variant-ligatures.normal π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.image-rendering.crisp-edges π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.image-rendering.optimizeQuality | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.image-rendering.optimizeSpeed | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.justify-content.flex_context π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Chrome implements the new behavior beginning with Chrome 52.Chrome Android: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Chrome Android implements the new behavior beginning with Chrome Android 52.Firefox: Before Firefox 27, Firefox supported only single-line flexbox.Firefox for Android: Before Firefox for Android 27, Firefox for Android supported only single-line flexbox.Samsung Internet: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. Samsung Internet implements the new behavior beginning with Samsung Internet 6.0.WebView Android: Older versions of the specification treat absolute positioned children as though they are a 0 by 0 flex item. Later specification versions take the children out of the flow and set their positions based on align and justify properties. WebView Android implements the new behavior beginning with WebView Android 52. |
| css.properties.justify-content.left | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.justify-content.normal | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.justify-content.right | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.line-break.auto π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.mask-type π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.mask-type.alpha π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.mask-type.luminance π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.max-width.stretch π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.min-height.auto | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Firefox 18 and later used auto as the initial value for min-height.Firefox for Android: Firefox for Android 18 and later used auto as the initial value for min-height. |
| css.properties.min-width.auto | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: Chrome uses auto as the initial value for min-width.Chrome Android: Chrome Android uses auto as the initial value for min-width.Edge: Edge uses auto as the initial value for min-width.Firefox: Firefox 18 and later (until the value was removed), used auto as the initial value for min-width.Firefox for Android: Firefox for Android 18 and later (until the value was removed), used auto as the initial value for min-width.Quest Browser: Quest Browser uses auto as the initial value for min-width.Opera: Opera uses auto as the initial value for min-width.Opera Android: Opera Android uses auto as the initial value for min-width.Samsung Internet: Samsung Internet uses auto as the initial value for min-width.WebView Android: WebView Android uses auto as the initial value for min-width. |
| css.properties.min-width.stretch | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.overflow-wrap π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.tab-size π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Chrome: This property is not yet animatable.Chrome Android: This property is not yet animatable.Edge: This property is not yet animatable.Firefox: Before Firefox 53, this property was not animatable.Firefox for Android: Before Firefox for Android 53, this property was not animatable.Quest Browser: This property is not yet animatable.Samsung Internet: This property is not yet animatable. |
| css.properties.text-decoration-skip.auto π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-decoration-skip.none π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.circle π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.currentColor π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.dot π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.double-circle π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.filled π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.none π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.open π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.sesame π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.transparent π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis.triangle π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-color π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-color.currentColor π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-color.transparent π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-position π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-position.over | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-position.under | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.circle π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.dot π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.double-circle π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.filled π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.none π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.open π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.sesame π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-emphasis-style.triangle π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.text-orientation.sideways π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.width.is_animatable | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.width.stretch π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.properties.word-spacing.percentages | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.-webkit-meter-inner-element | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.-webkit-progress-bar | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.-webkit-progress-inner-element | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.-webkit-progress-value | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.after.animation_and_transition_support | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.before.animation_and_transition_support | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.cue π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: From Firefox 69, only allowed properties apply to the ::cue pseudo-element with no argument. See Permitted properties for a list of the allowed properties. |
| css.selectors.cue.selector_argument | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.future π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.past π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.selectors.scope π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Firefox 55 removes support for <style scoped> but not for the :scope pseudo-class, which is still supported. <style scoped> made it possible to explicitly set up element scopes, but ongoing discussions about the design of this feature as well as lack of other implementations resulted in the decision to remove it.Firefox for Android: Firefox for Android 55 removes support for <style scoped> but not for the :scope pseudo-class, which is still supported. <style scoped> made it possible to explicitly set up element scopes, but ongoing discussions about the design of this feature as well as lack of other implementations resulted in the decision to remove it. |
| css.selectors.scope.dom_api | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.calc π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Before Firefox 59 calc() is not supported in rgb() and other color functions.Firefox: Before Firefox 57 calc(1*2*3) is not parsed successfully.Firefox: Firefox 57 increased the number of places calc() could substitute another value. See bug 1350857.Firefox for Android: Before Firefox for Android 59 calc() is not supported in rgb() and other color functions.Firefox for Android: Before Firefox for Android 57 calc(1*2*3) is not parsed successfully.Firefox for Android: Firefox for Android 57 increased the number of places calc() could substitute another value. See bug 1350857. |
| css.types.gradient π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Gradients are limited to background-image, border-image, and mask-image.Firefox for Android: Gradients are limited to background-image, border-image, and mask-image. |
| css.types.gradient.linear-gradient π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Firefox: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Firefox for Android: Since Firefox for Android 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Firefox for Android: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Internet Explorer: Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: -ms-filter: progid:DXImageTransform.Microsoft.Gradient().Opera: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Opera: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Opera Android: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Opera Android: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Safari: Safari 4 was supporting an experimental -webkit-gradient(linear,β¦) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in linear-gradient(). This old outdated syntax is still supported for compatibility purposes.Safari: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Safari on iOS: Safari on iOS 3.2 was supporting an experimental -webkit-gradient(linear,β¦) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in linear-gradient(). This old outdated syntax is still supported for compatibility purposes.Safari on iOS: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.WebView on iOS: WebView on iOS 3.2 was supporting an experimental -webkit-gradient(linear,β¦) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in linear-gradient(). This old outdated syntax is still supported for compatibility purposes.WebView on iOS: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right. |
| css.types.gradient.linear-gradient.interpolation_hints | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.gradient.linear-gradient.to | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.gradient.linear-gradient.unitless_0_angle | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Accepted only in -webkit-linear-gradient() and -moz-linear-gradient(), not linear-gradient().Firefox for Android: Accepted only in -webkit-linear-gradient() and -moz-linear-gradient(), not linear-gradient(). |
| css.types.gradient.radial-gradient π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Firefox for Android: Since Firefox for Android 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Internet Explorer: Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: -ms-filter: progid:DXImageTransform.Microsoft.Gradient().Safari: Safari 4 was supporting an experimental -webkit-gradient(radial,β¦) function. This old outdated syntax is still supported for compatibility purposes.Safari on iOS: Safari on iOS 3.2 was supporting an experimental -webkit-gradient(radial,β¦) function. This old outdated syntax is still supported for compatibility purposes.WebView on iOS: WebView on iOS 3.2 was supporting an experimental -webkit-gradient(radial,β¦) function. This old outdated syntax is still supported for compatibility purposes. |
| css.types.gradient.radial-gradient.at | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.gradient.radial-gradient.interpolation_hints | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.gradient.repeating-linear-gradient π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.Firefox: Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Firefox: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Firefox for Android: Before Firefox for Android 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.Firefox for Android: Since Firefox for Android 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Firefox for Android: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Internet Explorer: Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: -ms-filter: progid:DXImageTransform.Microsoft.Gradient().Opera: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Opera: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Opera Android: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Opera Android: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Safari: Safari 4 was supporting an experimental -webkit-gradient(linear,β¦) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in repeating-linear-gradient(). This old outdated syntax is still supported for compatibility purposes.Safari: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.Safari on iOS: Safari on iOS 3.2 was supporting an experimental -webkit-gradient(linear,β¦) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in repeating-linear-gradient(). This old outdated syntax is still supported for compatibility purposes.Safari on iOS: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right.WebView on iOS: WebView on iOS 3.2 was supporting an experimental -webkit-gradient(linear,β¦) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in repeating-linear-gradient(). This old outdated syntax is still supported for compatibility purposes.WebView on iOS: Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right. |
| css.types.gradient.repeating-linear-gradient.interpolation_hints | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.gradient.repeating-linear-gradient.to | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.gradient.repeating-linear-gradient.unitless_0_angle | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Accepted only in -webkit-repeating-linear-gradient() and -moz-repeating-linear-gradient(), not repeating-linear-gradient().Firefox for Android: Accepted only in -webkit-repeating-linear-gradient() and -moz-repeating-linear-gradient(), not repeating-linear-gradient(). |
| css.types.gradient.repeating-radial-gradient π | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.Firefox: Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Firefox for Android: Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.Firefox for Android: Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Safari: Safari 4 was supporting an experimental -webkit-gradient(radial,β¦) function. This old outdated syntax is still supported for compatibility purposes.Safari on iOS: Safari on iOS 3.2 was supporting an experimental -webkit-gradient(radial,β¦) function. This old outdated syntax is still supported for compatibility purposes.WebView on iOS: WebView on iOS 3.2 was supporting an experimental -webkit-gradient(radial,β¦) function. This old outdated syntax is still supported for compatibility purposes. |
| css.types.gradient.repeating-radial-gradient.at | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.Firefox: Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.Firefox for Android: Before Firefox for Android 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.Firefox for Android: Since Firefox for Android 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false. |
| css.types.gradient.repeating-radial-gradient.interpolation_hints | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | |
| css.types.length.ch | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: From Firefox 1 to Firefox 3, ch was the width of the M character.Firefox: From Firefox 1 to Firefox 3, ch did not work with border-width and outline-width CSS properties. |
| css.types.length.vmax | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Starting with version 21, viewport-percentage lengths are invalid in @page.Firefox for Android: Starting with version 21, viewport-percentage lengths are invalid in @page. |
| css.types.length.vmin | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 | Firefox: Starting with version 21, viewport-percentage lengths are invalid in @page.Firefox for Android: Starting with version 21, viewport-percentage lengths are invalid in @page. |
| css.types.position.four_value_syntax | Safari on iOS | 9/18/2013 | Safari | 10/22/2013 | 34 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.-webkit-column-axis | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.-webkit-hyphenate-limit-lines | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.-webkit-line-align | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.-webkit-line-grid | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.-webkit-line-snap | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.animation-direction.alternate-reverse π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.animation-direction.reverse π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.border-image π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Chrome: Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Chrome Android: Before Chrome Android 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Edge: Before Edge 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Firefox: Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).Firefox: Until Firefox 47, SVGs without viewport were not sliced correctly (bug 619500).Firefox: From Firefox 48 until Firefox 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).Firefox: Until Firefox 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782).Firefox: Before Firefox 15, an earlier version of the specification was implemented, prefixed.Firefox for Android: Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).Firefox for Android: Until Firefox for Android 47, SVGs without viewport were not sliced correctly (bug 619500).Firefox for Android: From Firefox for Android 48 until Firefox for Android 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).Firefox for Android: Until Firefox for Android 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782).Firefox for Android: Before Firefox for Android 15, an earlier version of the specification was implemented, prefixed.Quest Browser: Before Quest Browser false, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Opera: Before Opera 98, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Opera Android: A border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Samsung Internet: Before Samsung Internet 23.0, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).WebView Android: Before WebView 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033). |
| css.properties.border-image.fill | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.border-image.optional_border_image_slice | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.border-image-outset π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.border-image-slice π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Firefox: Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).Firefox: Until Firefox 47, SVGs without viewport were not sliced correctly (bug 619500).Firefox: From Firefox 48 until Firefox 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).Firefox: Until Firefox 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782).Firefox for Android: Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).Firefox for Android: Until Firefox for Android 47, SVGs without viewport were not sliced correctly (bug 619500).Firefox for Android: From Firefox for Android 48 until Firefox for Android 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).Firefox for Android: Until Firefox for Android 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782). |
| css.properties.border-image-source π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.border-image-source.none π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.border-image-width π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Chrome: Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Chrome Android: Before Chrome Android 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Edge: Before Edge 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Quest Browser: Before Quest Browser false, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Opera: Before Opera 98, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Opera Android: Before Opera Android 75, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).Samsung Internet: Before Samsung Internet 23.0, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033).WebView Android: Before WebView Android 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 40541033). |
| css.properties.border-image-width.auto π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.box-sizing π | Safari | 7/20/2011 | Safari on iOS | 9/10/2012 | 418 | Chrome: box-sizing is not respected when the height is calculated from window.getComputedStyle().Chrome Android: box-sizing is not respected when the height is calculated from window.getComputedStyle().Firefox: Before Firefox 23, box-sizing is not respected when the height is calculated from window.getComputedStyle().Firefox for Android: Before Firefox for Android 23, box-sizing is not respected when the height is calculated from window.getComputedStyle().Internet Explorer: box-sizing is not respected when the height is calculated from window.getComputedStyle().Quest Browser: box-sizing is not respected when the height is calculated from window.getComputedStyle().Opera Android: box-sizing is not respected when the height is calculated from window.getComputedStyle().Samsung Internet: box-sizing is not respected when the height is calculated from window.getComputedStyle().WebView Android: box-sizing is not respected when the height is calculated from window.getComputedStyle(). |
| css.properties.filter.blur π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.brightness π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.contrast π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.drop-shadow π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.grayscale π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.hue-rotate π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.invert π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.none π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.opacity π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.filter.saturate π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Chrome: In Chrome 18 to 19, the saturate() function only takes integers instead of decimal or percentage values. From Chrome 20, this bug is fixed. |
| css.properties.filter.sepia π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.flood-color π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.flood-color.currentColor π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.flood-color.transparent π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.flood-opacity π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.image-rendering π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.image-rendering.auto π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.lighting-color π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.lighting-color.currentColor π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.lighting-color.transparent π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.print-color-adjust.economy π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.print-color-adjust.exact π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.text-rendering.geometricPrecision | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Chrome: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system.Chrome Android: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system.Edge: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system.Firefox: Firefox treats geometricPrecision the same as optimizeLegibility.Firefox for Android: Firefox treats geometricPrecision the same as optimizeLegibility.Quest Browser: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system.Opera: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system.Opera Android: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system.Samsung Internet: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system.WebView Android: Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system. |
| css.properties.text-transform.lowercase_sigma | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.properties.transform-origin.svg_elements | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Firefox: Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061.Firefox for Android: Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061.Safari: Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />).Safari on iOS: Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />).WebView on iOS: Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />). |
| css.selectors.first π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.calc.gradient_color_stops | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.calc.number_values | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.easing-function.cubic-bezier π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.blur π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.brightness π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.contrast π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.drop-shadow π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.grayscale π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.hue-rotate π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.invert π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.opacity π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.saturate π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.filter-function.sepia π | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | |
| css.types.length.vh | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Firefox: Starting with version 21, viewport-percentage lengths are invalid in @page.Firefox for Android: Starting with version 21, viewport-percentage lengths are invalid in @page. |
| css.types.length.vw | Safari | 7/25/2012 | Safari on iOS | 9/10/2012 | 47 | Firefox: Starting with version 21, viewport-percentage lengths are invalid in @page.Firefox for Android: Starting with version 21, viewport-percentage lengths are invalid in @page. |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.WOFF π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.at-rules.font-face.src.format_keyword | Safari | 6/8/2009 | Safari on iOS | 10/12/2011 | 856 | |
| css.properties.-webkit-border-before | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-hyphenate-limit-after | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-hyphenate-limit-before | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-line-box-contain | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-locale | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-logical-height | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-logical-width | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-margin-after | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-margin-before | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-max-logical-height | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-max-logical-width | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-min-logical-height | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-min-logical-width | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.-webkit-text-combine | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.alphabetic | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.baseline | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.central | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.ideographic | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.mathematical | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.middle | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.text-after-edge | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.alignment-baseline.text-before-edge | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.backface-visibility.hidden π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.backface-visibility.visible π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.background-clip π | Safari | 6/7/2010 | Safari on iOS | 10/12/2011 | 492 | Chrome: Chrome accepts alternate synonyms to its values: padding, border, and content.Chrome Android: Chrome Android accepts alternate synonyms to its values: padding, border, and content.Edge: Since Edge 79, accepts alternate synonyms to its values: padding, border, and content.Firefox: Used the -moz-background-clip: padding | border syntax.Internet Explorer: In IE 7 and IE 8 of Internet Explorer, this property always behaved like background-clip: padding-box when overflow was hidden, auto, or scroll.Quest Browser: Quest Browser accepts alternate synonyms to its values: padding, border, and content.Opera: Opera accepts alternate synonyms to its values: padding, border, and content.Opera Android: Opera accepts alternate synonyms to its values: padding, border, and content.Safari: Safari accepts alternate synonyms to its values: padding, border, and content.Safari on iOS: Safari accepts alternate synonyms to its values: padding, border, and content.Samsung Internet: Samsung Internet accepts alternate synonyms to its values: padding, border, and content.WebView Android: WebView Android accepts alternate synonyms to its values: padding, border, and content.WebView on iOS: Safari accepts alternate synonyms to its values: padding, border, and content. |
| css.properties.background-image.svg_images | Safari | 6/7/2010 | Safari on iOS | 10/12/2011 | 492 | Safari: Support of SVG in CSS background is incomplete.Safari on iOS: Support of SVG in CSS background is incomplete.WebView on iOS: Support of SVG in CSS background is incomplete. |
| css.properties.block-size.auto π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.border-radius.percentages | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | Firefox: Before Firefox 4, <percentage> values are implemented in a non-standard way. Both horizontal and vertical radii were relative to the width of the border box.Opera: Before Opera 11.5, the implementation of <percentage> values was buggy. |
| css.properties.box-shadow π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | Chrome: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Chrome Android: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Firefox: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Firefox for Android: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Internet Explorer: To use box-shadow in Internet Explorer 9 or later, you must set border-collapse to separate.Internet Explorer: Since version 5.5, Internet Explorer supports Microsoft's DropShadow and Shadow Filter. You can use this proprietary extension to cast a drop shadow (though the syntax and the effect are different from CSS3)Quest Browser: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Opera: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Opera Android: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Safari: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Safari on iOS: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.Samsung Internet: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.WebView Android: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar.WebView on iOS: Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar. |
| css.properties.column-span.all π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.column-span.none π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphenate-character.auto π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_catalan | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_danish | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_dutch | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_english | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | Firefox: For English, Firefox uses an en-US dictionaryFirefox for Android: For English, Firefox for Android uses an en-US dictionarySafari: For English, Safari uses different en-GB and en-US dictionaries.Safari on iOS: For English, Safari on iOS uses different en-GB and en-US dictionaries.WebView on iOS: For English, WebView on iOS uses different en-GB and en-US dictionaries. |
| css.properties.hyphens.language_french | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_german_reformed_orthography | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_italian | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_norwegian_no | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_russian | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_spanish | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_swedish | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.hyphens.language_turkish | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.inline-size.auto π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.letter-spacing.svg_elements | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.list-style-type.asterisks | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.list-style-type.footnotes | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.list-style-type.lower-armenian π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.list-style-type.upper-armenian π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.user-modify | Safari | 10/26/2007 | Safari on iOS | 10/12/2011 | 1447 | Firefox: While the CSS property is parsed and accepted, it does not have any effect.Firefox for Android: While the CSS property is parsed and accepted, it does not have any effect. |
| css.properties.user-modify.read-write-plaintext-only | Safari | 10/26/2007 | Safari on iOS | 10/12/2011 | 1447 | |
| css.properties.vector-effect π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.vector-effect.non-scaling-stroke π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.vector-effect.none π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.properties.word-spacing.svg_elements | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.selectors.-webkit-meter-bar | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.selectors.-webkit-meter-even-less-good-value | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.selectors.-webkit-meter-optimum-value | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.selectors.-webkit-meter-suboptimum-value | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.selectors.default π | Safari | 6/7/2010 | Safari on iOS | 10/12/2011 | 492 | |
| css.selectors.in-range π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | Chrome: Before Chrome 52, :in-range matched disabled and read-only inputs (see bug 41248615). In Chrome 52, it was changed to only match enabled read-write inputs.Chrome Android: Before Chrome Android 52, :in-range matched disabled and read-only inputs (see bug 41248615). In Chrome Android 52, it was changed to only match enabled read-write inputs.Firefox: Before Firefox 50, :in-range matched disabled and read-only inputs (see bug 1264157). In Firefox 50, it was changed to only match enabled read-write inputs.Quest Browser: Before Quest Browser 5.0, :in-range matched disabled and read-only inputs (see bug 41248615). In Quest Browser 5.0, it was changed to only match enabled read-write inputs.Opera: Before Opera 39, :in-range matched disabled and read-only inputs (see bug 41248615). In Opera 39, it was changed to only match enabled read-write inputs.Opera Android: Before Opera 39, :in-range matched disabled and read-only inputs (see bug 41248615). In Opera 39, it was changed to only match enabled read-write inputs.Safari: In Safari, :in-range matched disabled and read-only inputs (see bug 156530). It was later changed to only match enabled read-write inputs.Safari on iOS: In Safari on iOS, :in-range matched disabled and read-only inputs (see bug 156530). It was later changed to only match enabled read-write inputs.Samsung Internet: Before version 6.0, :in-range matched disabled and read-only inputs (see bug 41248615). In version 6.0, it was changed to only match enabled read-write inputs.WebView Android: Before version 52, :in-range matched disabled and read-only inputs (see bug 41248615). In version 52, it was changed to only match enabled read-write inputs.WebView on iOS: In WebView on iOS, :in-range matched disabled and read-only inputs (see bug 156530). It was later changed to only match enabled read-write inputs. |
| css.selectors.indeterminate.progress | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.selectors.invalid π | Safari | 6/7/2010 | Safari on iOS | 10/12/2011 | 492 | |
| css.selectors.optional π | Safari | 6/7/2010 | Safari on iOS | 10/12/2011 | 492 | |
| css.selectors.out-of-range π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 | |
| css.selectors.required π | Safari | 6/7/2010 | Safari on iOS | 10/12/2011 | 492 | |
| css.selectors.valid π | Safari | 6/7/2010 | Safari on iOS | 10/12/2011 | 492 | |
| css.types.easing-function.steps π | Safari | 7/20/2011 | Safari on iOS | 10/12/2011 | 84 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.background.background-clip | Safari on iOS | 6/21/2010 | Safari | 7/20/2011 | 394 | |
| css.properties.background.background-origin | Safari on iOS | 6/21/2010 | Safari | 7/20/2011 | 394 | |
| css.properties.background.background-size | Safari on iOS | 6/21/2010 | Safari | 7/20/2011 | 394 | |
| css.properties.hyphens.auto | Safari on iOS | 11/22/2010 | Safari | 7/20/2011 | 240 | Chrome: Only supported on macOS.Edge: Only supported on macOS.Opera: Only supported on macOS. |
| css.properties.hyphens.manual | Safari on iOS | 11/22/2010 | Safari | 7/20/2011 | 240 | Chrome: Only supported on macOS.Edge: Only supported on macOS.Opera: Only supported on macOS. |
| css.properties.hyphens.none | Safari on iOS | 11/22/2010 | Safari | 7/20/2011 | 240 | Chrome: Only supported on macOS.Edge: Only supported on macOS.Opera: Only supported on macOS. |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.aspect-ratio π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.at-rules.media.orientation π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.animation-fill-mode.backwards π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.animation-fill-mode.both π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.animation-fill-mode.forwards π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.animation-fill-mode.none π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.background-size π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Chrome: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.Chrome Android: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.Quest Browser: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.Opera: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.Opera: Opera 9.5's computation of the background positioning area is incorrect for fixed backgrounds. Opera 9.5 also interprets the two-value form as a horizontal scaling factor and, from appearances, a vertical clipping dimension. This has been fixed in Opera 10.Opera Android: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.Opera Android: Opera 9.5's computation of the background positioning area is incorrect for fixed backgrounds. Opera 9.5 also interprets the two-value form as a horizontal scaling factor and, from appearances, a vertical clipping dimension. This has been fixed in Opera 10.Safari: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.Safari on iOS: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.Samsung Internet: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.WebView Android: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.WebView on iOS: WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords. |
| css.properties.background-size.contain π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.background-size.cover π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.border-bottom-left-radius π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox for Android 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox for Android 50. |
| css.properties.border-bottom-left-radius.percentages | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 4, the <percentage> was relative to the width of the box even when specifying the radius for a height. This implied that -moz-border-radius-bottomright was always drawing an arc of circle, and never an ellipse, when followed by a single value. |
| css.properties.border-bottom-right-radius π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox for Android 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox for Android 50. |
| css.properties.border-bottom-right-radius.percentages | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 4, the <percentage> was relative to the width of the box even when specifying the radius for a height. This implied that -moz-border-radius-bottomright was always drawing an arc of circle, and never an ellipse, when followed by a single value. |
| css.properties.border-radius π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Chrome: Chrome ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value.Firefox: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-style was solid. This has been fixed in Firefox 50.Firefox: To conform to the CSS3 standard, Firefox 4 changes the handling of <percentage> values to match the specification. You can specify an ellipse as a border on an arbitrary sized element with border-radius: 50%;. Firefox 4 also makes rounded corners clip content and images if overflow: visible is not set.Firefox for Android: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-style was solid. This has been fixed in Firefox 50.Opera: Before Opera 11.60, replaced elements with border-radius do not have rounded corners.Safari: Safari ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value.Safari on iOS: Safari ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value.WebView on iOS: Safari ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value. |
| css.properties.border-radius.4_values_for_4_corners | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.border-radius.elliptical_borders | Safari | 10/26/2007 | Safari on iOS | 11/22/2010 | 1123 | Chrome: Before Chrome 4, the slash / notation is unsupported. If two values are specified, then an elliptical border is drawn on all four corners. -webkit-border-radius: 40px 10px; is equivalent to border-radius: 40px / 10px;.Safari: Before Safari 5, the slash / notation is unsupported. If two values are specified, then an elliptical border is drawn on all four corners. -webkit-border-radius: 40px 10px; is equivalent to border-radius: 40px / 10px;. |
| css.properties.border-top-left-radius π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox for Android 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox for Android 50. |
| css.properties.border-top-left-radius.percentages | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 4, the <percentage> was relative to the width of the box even when specifying the radius for a height. This implied that -moz-border-radius-bottomright was always drawing an arc of circle, and never an ellipse, when followed by a single value. |
| css.properties.border-top-right-radius π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox for Android 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox for Android 50. |
| css.properties.border-top-right-radius.percentages | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Firefox: Before Firefox 4, the <percentage> was relative to the width of the box even when specifying the radius for a height. This implied that -moz-border-radius-bottomright was always drawing an arc of circle, and never an ellipse, when followed by a single value. |
| css.properties.box-shadow.inset | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Internet Explorer: inset must be the last keyword in the declaration. |
| css.properties.box-shadow.spread_radius | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.clip-rule π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.clip-rule.evenodd π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.clip-rule.nonzero π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.line-clamp π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Safari: Accidental exposure.Safari on iOS: Accidental exposure.WebView on iOS: Accidental exposure. |
| css.properties.list-style-type.afar | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.amharic | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.amharic-abegede | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.arabic-indic π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.bengali π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.binary | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.cambodian π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.cjk-earthly-branch π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.cjk-heavenly-stem π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.cjk-ideographic π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Opera: Until version 15, only decimal numbers display.Opera Android: Until version 15, only decimal numbers display. |
| css.properties.list-style-type.devanagari π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-abegede | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-abegede-am-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-abegede-gez | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-abegede-ti-er | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-abegede-ti-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-aa-er | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-aa-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-am-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-gez | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-om-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-sid-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-so-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-ti-er | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-ti-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.ethiopic-halehame-tig | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.gujarati π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.gurmukhi π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.hangul | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.hangul-consonant | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.kannada π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.khmer π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.lao π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.lower-hexadecimal | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.lower-norwegian | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.malayalam π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.mongolian π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.myanmar π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.octal | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.oriya π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.oromo | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.persian π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.sidama | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.somali | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.telugu π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.thai π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.tibetan π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.tigre | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.tigrinya-er | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.tigrinya-er-abegede | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.tigrinya-et | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.tigrinya-et-abegede | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.upper-hexadecimal | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.upper-norwegian | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.list-style-type.urdu | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.text-rendering π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Chrome: This property is only supported on Windows and Linux.Chrome: Initial versions had bugs on Windows and Linux that broke font substitution, small-caps, letter-spacing or caused text to overlap. See bug 40156511, bug 40430936, bug 40444347, bug 40286561.Chrome Android: This property is only supported on Windows and Linux.Chrome Android: Initial versions had bugs on Windows and Linux that broke font substitution, small-caps, letter-spacing or caused text to overlap. See bug 40156511, bug 40430936, bug 40444347, bug 40286561.Edge: This property is only supported on Windows and Linux.Edge: Initial versions had bugs on Windows and Linux that broke font substitution, small-caps, letter-spacing or caused text to overlap. See bug 40156511, bug 40430936, bug 40444347, bug 40286561.Firefox: This property is only supported on Windows and Linux.Firefox: The optimizeSpeed option has no effect on Firefox 4 because the standard code for text rendering is already fast and there is not a faster code path at this time. See bug 595688 for details.Quest Browser: This property is only supported on Windows and Linux.Quest Browser: Initial versions had bugs on Windows and Linux that broke font substitution, small-caps, letter-spacing or caused text to overlap. See bug 40156511, bug 40430936, bug 40444347, bug 40286561.Samsung Internet: This property is only supported on Windows and Linux. Samsung Internet is not on Windows or Linux.WebView Android: From version 3 to 4.3, there is a serious bug where text-rendering: optimizeLegibility causes custom web fonts to not render. This was fixed in version 4.4. |
| css.properties.text-rendering.auto | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | Chrome: Chrome treats auto as optimizeSpeed.Chrome Android: Chrome Android treats auto as optimizeSpeed.Edge: Edge treats auto as optimizeSpeed.Firefox: If the font size is 20 pixels or higher, Firefox treats auto as optimizeLegibility. For smaller text, Firefox treats auto as optimizeSpeed. The 20-pixel threshold can be changed with the browser.display.auto_quality_min_font_size preference.Firefox for Android: If the font size is 20 pixels or higher, Firefox treats auto as optimizeLegibility. For smaller text, Firefox treats auto as optimizeSpeed. The 20-pixel threshold can be changed with the browser.display.auto_quality_min_font_size preference.Quest Browser: Quest Browser treats auto as optimizeSpeed.Opera: Opera treats auto as optimizeSpeed.Opera Android: Opera Android treats auto as optimizeSpeed.Safari: Safari treats auto as optimizeSpeed. See bug 41363.Safari on iOS: Safari on iOS treats auto as optimizeSpeed. See bug 41363.Samsung Internet: Samsung Internet treats auto as optimizeSpeed.WebView Android: WebView Android treats auto as optimizeSpeed.WebView on iOS: WebView on iOS treats auto as optimizeSpeed. See bug 41363. |
| css.properties.text-rendering.optimizeLegibility π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.properties.text-rendering.optimizeSpeed π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.selectors.-webkit-inner-spin-button | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.selectors.left π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.selectors.right π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.selectors.visited.privacy_measures | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 | |
| css.types.ratio π | Safari | 6/7/2010 | Safari on iOS | 11/22/2010 | 168 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.charset π | Safari | 6/8/2009 | Safari on iOS | 6/21/2010 | 378 | Firefox: Firefox 1 supported an invalid syntax where the character encoding is not between single or double quotes.Internet Explorer: From Internet Explorer 5.5 to IE 7 (inclusive), Internet Explorer supported an invalid syntax where the character encoding is not between single or double quotes. |
| css.properties.background-repeat.2-value | Safari | 6/7/2010 | Safari on iOS | 6/21/2010 | 14 | |
| css.selectors.first-child π | Safari | 3/18/2008 | Safari on iOS | 6/21/2010 | 825 | Internet Explorer: Internet Explorer 7 doesn't update :first-child styles when elements are added dynamically.Internet Explorer: In Internet Explorer 8, if an element is inserted dynamically by clicking on a link, then the :first-child style isn't applied until the link loses focus. |
| css.types.length.rem | Safari | 6/7/2010 | Safari on iOS | 6/21/2010 | 14 | |
| css.properties.transform-origin.three_value_syntax | Safari on iOS | 4/3/2010 | Safari | 6/7/2010 | 65 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media.-webkit-animation | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.at-rules.media.-webkit-transform-2d | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.at-rules.media.-webkit-transform-3d π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.at-rules.media.-webkit-transition | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-border-horizontal-spacing | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-border-vertical-spacing | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-box-reflect | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-column-break-after | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-column-break-before | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-column-break-inside | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-nbsp-mode | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-perspective-origin-x | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-perspective-origin-y | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-rtl-ordering | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-transform-origin-x | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-transform-origin-y | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-transform-origin-z | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.-webkit-user-drag | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.alternate π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.alternate-reverse π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.auto π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.backwards π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.both π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.ease π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.ease-in π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.ease-in-out π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.ease-out π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.forwards π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.infinite π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.linear π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.normal π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.paused π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.reverse π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.running π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.step-end π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation.step-start π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-direction.alternate π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-direction.normal π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-iteration-count.infinite π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-name.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-play-state.paused π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-play-state.running π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-timing-function.ease π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-timing-function.ease-in π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-timing-function.ease-in-out π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-timing-function.ease-out π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-timing-function.linear π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-timing-function.step-end π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.animation-timing-function.step-start π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.background-attachment π | Safari | 6/23/2003 | Safari on iOS | 4/3/2010 | 2476 | |
| css.properties.background-attachment.multiple_backgrounds | Safari | 4/15/2005 | Safari on iOS | 4/3/2010 | 1814 | |
| css.properties.background-attachment.scroll π | Safari | 6/23/2003 | Safari on iOS | 4/3/2010 | 2476 | |
| css.properties.background-image.gradients π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | Chrome: Some versions support only experimental gradients prefixed with -webkit.Chrome Android: Some versions support only experimental gradients prefixed with -webkit.Firefox: Some versions support only experimental gradients prefixed with -moz.Firefox for Android: Some versions support only experimental gradients prefixed with -moz.Quest Browser: Some versions support only experimental gradients prefixed with -webkit.Opera: Some versions support only experimental gradients prefixed with -o.Opera Android: Some versions support only experimental gradients prefixed with -webkit.Safari: Some versions support only experimental gradients prefixed with -webkit.Safari on iOS: Some versions support only experimental gradients prefixed with -webkit.Samsung Internet: Some versions support only experimental gradients prefixed with -webkit.WebView Android: Some versions support only experimental gradients prefixed with -webkit.WebView on iOS: Some versions support only experimental gradients prefixed with -webkit. |
| css.properties.baseline-shift π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.baseline-shift.baseline π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.baseline-shift.sub π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.baseline-shift.super π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.border-image.gradient | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.color-interpolation π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.color-interpolation.auto π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.color-interpolation.linearRGB π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.color-interpolation.sRGB π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.columns.auto π | Safari | 10/26/2007 | Safari on iOS | 4/3/2010 | 890 | |
| css.properties.display.table-caption | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline.alphabetic π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline.auto π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline.central π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline.hanging π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline.ideographic π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline.mathematical π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.dominant-baseline.middle π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.fill π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.fill.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.fill-opacity π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.fill-rule π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.fill-rule.evenodd π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.fill-rule.nonzero π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.font-smooth | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | Firefox: Only works on macOS. |
| css.properties.glyph-orientation-vertical π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker-end π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker-end.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker-mid π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker-mid.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker-start π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.marker-start.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.mask-clip.border | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | Chrome: Only works when using -webkit-mask-clip.Chrome Android: Only works when using -webkit-mask-clip.Edge: Only works when using -webkit-mask-clip.Quest Browser: Only works when using -webkit-mask-clip.Opera: Only works when using -webkit-mask-clip.Opera Android: Only works when using -webkit-mask-clip.Samsung Internet: Only works when using -webkit-mask-clip. |
| css.properties.mask-clip.content | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | Chrome: Only works when using -webkit-mask-clip.Chrome Android: Only works when using -webkit-mask-clip.Edge: Only works when using -webkit-mask-clip.Quest Browser: Only works when using -webkit-mask-clip.Opera: Only works when using -webkit-mask-clip.Opera Android: Only works when using -webkit-mask-clip.Samsung Internet: Only works when using -webkit-mask-clip. |
| css.properties.mask-clip.padding | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | Chrome: Only works when using -webkit-mask-clip.Chrome Android: Only works when using -webkit-mask-clip.Edge: Only works when using -webkit-mask-clip.Quest Browser: Only works when using -webkit-mask-clip.Opera: Only works when using -webkit-mask-clip.Opera Android: Only works when using -webkit-mask-clip.Samsung Internet: Only works when using -webkit-mask-clip. |
| css.properties.mask-clip.text | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | Chrome: Only works when using -webkit-mask-clip.Chrome Android: Only works when using -webkit-mask-clip.Edge: Only works when using -webkit-mask-clip.Quest Browser: Only works when using -webkit-mask-clip.Opera: Only works when using -webkit-mask-clip.Opera Android: Only works when using -webkit-mask-clip.Samsung Internet: Only works when using -webkit-mask-clip. |
| css.properties.mask-image.multiple_mask_images | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.mask-image.svg_masks | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.perspective.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.all π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.auto π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.fill π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.html_elements | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.painted π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.stroke π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.visible π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.visibleFill π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.visiblePainted π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.pointer-events.visibleStroke π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.shape-rendering π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.shape-rendering.auto π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.shape-rendering.crispEdges π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.shape-rendering.geometricPrecision π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.shape-rendering.optimizeSpeed π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stop-color π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stop-opacity π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-dasharray π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-dasharray.none π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-dashoffset π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linecap π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linecap.butt π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linecap.round π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linecap.square π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linejoin π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linejoin.bevel π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linejoin.miter π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-linejoin.round π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-miterlimit π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-opacity π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.stroke-width π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.text-align.center π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.text-align.left π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.text-align.right π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.text-anchor π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.text-anchor.end π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.text-anchor.middle π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.text-anchor.start π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.transform.3d | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.transform.none π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.properties.transform-style.flat π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.properties.transform-style.preserve-3d π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.selectors.-webkit-resizer | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.selectors.after π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | Firefox: Before Firefox 57, Firefox had a bug where ::after pseudo-elements were still generated, even if the content property value were set to normal or none.Firefox: Before Firefox 3.5, only the CSS level 2 behavior of :after was supported, which disallowed position, float, list-style-* and some display properties.Firefox for Android: Before Firefox for Android 57, Firefox for Android had a bug where ::after pseudo-elements were still generated, even if the content property value were set to normal or none.Firefox for Android: Before Firefox for Android 4.5, only the CSS level 2 behavior of :after was supported, which disallowed position, float, list-style-* and some display properties. |
| css.selectors.link π | Safari | 6/23/2003 | Safari on iOS | 4/3/2010 | 2476 | |
| css.selectors.read-only π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.selectors.read-write π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.angle π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.angle.deg | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.angle.grad | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.angle.rad | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.angle.turn | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.angle-percentage π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.color.currentcolor π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | Internet Explorer: Internet Explorer 9 supports 2D but not 3D transforms. In version 9, mixing 2D and 3D transform functions invalidates the entire property. |
| css.types.transform-function.matrix π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.matrix3d π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.perspective π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.rotate π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.rotate3d π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.rotateX π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.rotateY π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.rotateZ π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.scale π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.scale3d π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.scaleX π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.scaleY π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.scaleZ π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.skew π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | Firefox: Firefox 14 removed experimental support for skew(), but it was reintroduced in Firefox 15. |
| css.types.transform-function.skewX π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.skewY π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.translate π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.translate3d π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 | |
| css.types.transform-function.translateX π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.translateY π | Safari | 3/18/2008 | Safari on iOS | 4/3/2010 | 746 | |
| css.types.transform-function.translateZ π | Safari | 6/8/2009 | Safari on iOS | 4/3/2010 | 299 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face.SVG_fonts | Safari | 3/18/2008 | Safari on iOS | 6/17/2009 | 456 | |
| css.at-rules.font-face.unicode-range π | Safari | 3/18/2008 | Safari on iOS | 6/17/2009 | 456 | |
| css.properties.appearance.none π | Safari | 10/26/2007 | Safari on iOS | 6/17/2009 | 600 | Firefox: Doesn't work with <input type="checkbox"> and <input type="radio">.Firefox for Android: Doesn't work with <input type="checkbox"> and <input type="radio">. |
| css.properties.border-width π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.border-width.medium π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.border-width.thick π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.border-width.thin π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.table-layout π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.table-layout.auto π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.table-layout.fixed π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.transition-property.IDENT_value | Safari | 6/8/2009 | Safari on iOS | 6/17/2009 | 9 | |
| css.properties.user-select π | Safari | 10/26/2007 | Safari on iOS | 6/17/2009 | 600 | |
| css.properties.user-select.auto | Safari | 4/29/2005 | Safari on iOS | 6/17/2009 | 1510 | |
| css.properties.user-select.none | Safari | 4/29/2005 | Safari on iOS | 6/17/2009 | 1510 | |
| css.properties.user-select.text | Safari | 4/29/2005 | Safari on iOS | 6/17/2009 | 1510 | |
| css.properties.zoom π | Safari | 3/18/2008 | Safari on iOS | 6/17/2009 | 456 | Firefox: Before Firefox 131, SVG elements are not zoomed properly. See bug 1905023 and bug 878346.Firefox for Android: Before Firefox for Android 131, SVG elements are not zoomed properly. See bug 1905023 and bug 878346. |
| css.selectors.-webkit-scrollbar | Safari | 6/8/2009 | Safari on iOS | 6/17/2009 | 9 | Safari on iOS: From Safari 13, only display: none works with this pseudo-element. Other styles have no effect.WebView on iOS: From Safari 13, only display: none works with this pseudo-element. Other styles have no effect. |
| css.selectors.before π | Safari | 6/8/2009 | Safari on iOS | 6/17/2009 | 9 | Firefox: Before Firefox 57, Firefox had a bug where ::before pseudo-elements were still generated, even if the content property value were set to normal or none.Firefox: Before Firefox 3.5, only the CSS level 2 behavior of :before was supported, which disallowed position, float, list-style-* and some display properties.Firefox for Android: Before Firefox 57, Firefox had a bug where ::before pseudo-elements were still generated, even if the content property value were set to normal or none. |
| css.types.line-style π | Safari | 6/23/2003 | Safari on iOS | 6/17/2009 | 2186 | |
| css.properties.perspective-origin.bottom π | Safari on iOS | 7/11/2008 | Safari | 6/8/2009 | 332 | |
| css.properties.perspective-origin.center π | Safari on iOS | 7/11/2008 | Safari | 6/8/2009 | 332 | |
| css.properties.perspective-origin.left π | Safari on iOS | 7/11/2008 | Safari | 6/8/2009 | 332 | |
| css.properties.perspective-origin.right π | Safari on iOS | 7/11/2008 | Safari | 6/8/2009 | 332 | |
| css.properties.perspective-origin.top π | Safari on iOS | 7/11/2008 | Safari | 6/8/2009 | 332 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.font-face π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.at-rules.font-face.font-family π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.at-rules.font-face.font-style π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.at-rules.font-face.font-variant | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.at-rules.font-face.font-weight π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.at-rules.font-face.src π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.-webkit-mask-box-image | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.-webkit-mask-composite | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.-webkit-mask-position-x | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.-webkit-mask-position-y | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.-webkit-text-fill-color π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.-webkit-text-stroke π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.-webkit-text-stroke-color π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.-webkit-text-stroke-width π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.button π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.checkbox π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.listbox π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.menulist π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.meter π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.progress-bar π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.radio π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.searchfield π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.appearance.textarea π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.background-clip.border-box π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.background-clip.padding-box π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.background-origin.border-box π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.background-origin.padding-box π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.background-size.auto π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.border-image.none π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.border-image.repeat π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.border-image.round π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.border-image.space π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.border-image.stretch π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.box-shadow.none π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.box-sizing.border-box π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.box-sizing.content-box π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.color-interpolation-filters π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.color-interpolation-filters.auto π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-count.auto π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-gap π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-gap.normal π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.dashed π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.dotted π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.double π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.groove π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.hidden π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.inset π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.medium π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.none π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.outset π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.ridge π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.solid π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.thick π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.thin π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule.transparent π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-color.transparent π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.dashed π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.dotted π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.double π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.groove π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.hidden π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.inset π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.none π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.outset π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.ridge π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-style.solid π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-width.medium π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-width.thick π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-rule-width.thin π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.column-width.auto | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.counter-increment.none π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.counter-reset.none π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow.auto π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow.hidden π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow.scroll π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow.visible π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow-x.auto π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | Safari: Before Safari 12.1, overlay only had an effect on legacy scrollbars on macOS. Since Safari 12.1, it is parsed as auto.Safari on iOS: Before Safari on iOS 12.1, overlay only had an effect on legacy scrollbars on macOS. Since Safari on iOS 12.1, it is parsed as auto.WebView on iOS: Before WebView on iOS 12.1, overlay only had an effect on legacy scrollbars on macOS. Since WebView on iOS 12.1, it is parsed as auto. |
| css.properties.overflow-x.hidden π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow-x.scroll π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow-x.visible π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow-y.auto π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | Safari: Before Safari 12.1, overlay only had an effect on legacy scrollbars on macOS. Since Safari 12.1, it is parsed as auto.Safari on iOS: Before Safari on iOS 12.1, overlay only had an effect on legacy scrollbars on macOS. Since Safari on iOS 12.1, it is parsed as auto.WebView on iOS: Before WebView on iOS 12.1, overlay only had an effect on legacy scrollbars on macOS. Since WebView on iOS 12.1, it is parsed as auto. |
| css.properties.overflow-y.hidden π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow-y.scroll π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.overflow-y.visible π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.text-align.end π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.text-align.start π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.all π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.ease π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.ease-in π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.ease-in-out π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.ease-out π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.linear π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.none π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.step-end π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition.step-start π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-property.all π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-property.none π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-timing-function.ease π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-timing-function.ease-in π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-timing-function.ease-in-out π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-timing-function.ease-out π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-timing-function.linear π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-timing-function.step-end π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.transition-timing-function.step-start π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.properties.word-break π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | Internet Explorer: No version of Internet Explorer supports the initial value.Internet Explorer: Don't use -ms-word-break, which is a synonym for word-break. |
| css.properties.word-break.break-all π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.word-break.break-word π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.properties.word-break.normal π | Safari | 10/26/2007 | Safari on iOS | 7/11/2008 | 259 | |
| css.selectors.checked π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Chrome: On macOS, styling <option> elements has no effect.Edge: On macOS, styling <option> elements has no effect.Firefox: From Firefox 56, <option> elements cannot be styled.Firefox: On macOS, styling <option> elements has no effect.Firefox for Android: From Firefox 56, <option> elements cannot be styled.Opera: On macOS, styling <option> elements has no effect.Safari: Styling <option> elements has no effect.Safari on iOS: Styling <option> elements has no effect.WebView on iOS: Styling <option> elements has no effect. |
| css.selectors.disabled π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Edge: Before Edge 79, Edge did not recognize :disabled on the <fieldset> element.Internet Explorer: Internet Explorer does not recognize :disabled on the <fieldset> element. |
| css.selectors.empty π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.selectors.enabled π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.selectors.first-of-type π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Edge: Before Edge 16, Microsoft Edge treats all unknown elements (such as custom elements) as the same element type.Internet Explorer: Internet Explorer treats all unknown elements (such as custom elements) as the same element type. |
| css.selectors.lang π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.selectors.last-child π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.selectors.last-of-type π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Edge: Before Edge 16, Microsoft Edge treats all unknown elements (such as custom elements) as the same element type.Internet Explorer: Internet Explorer treats all unknown elements (such as custom elements) as the same element type. |
| css.selectors.not π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.selectors.nth-child π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Opera: Before Opera 15, Opera does not handle dynamically inserted elements for :nth-child().Opera Android: Before Opera 15, Opera does not handle dynamically inserted elements for :nth-child(). |
| css.selectors.nth-last-child π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.selectors.nth-last-of-type π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Edge: Before Edge 16, Microsoft Edge treats all unknown elements (such as custom elements) as the same element type.Internet Explorer: Internet Explorer treats all unknown elements (such as custom elements) as the same element type. |
| css.selectors.nth-of-type π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Edge: Before Edge 16, Microsoft Edge treats all unknown elements (such as custom elements) as the same element type.Internet Explorer: Internet Explorer treats all unknown elements (such as custom elements) as the same element type. |
| css.selectors.only-child π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.selectors.only-of-type π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | Edge: Before Edge 16, Microsoft Edge treats all unknown elements (such as custom elements) as the same element type.Internet Explorer: Internet Explorer treats all unknown elements (such as custom elements) as the same element type. |
| css.selectors.target π | Safari | 4/15/2005 | Safari on iOS | 7/11/2008 | 1183 | |
| css.types.attr π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.types.color.hsl π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.types.color.named-color.transparent π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.types.easing-function π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 | |
| css.types.time π | Safari | 3/18/2008 | Safari on iOS | 7/11/2008 | 115 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.properties.background.SVG_image_as_background | Safari on iOS | 6/29/2007 | Safari | 3/18/2008 | 263 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.media π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.-webkit-device-pixel-ratio π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Firefox: Implemented as an alias for -moz-device-pixel-ratio.Firefox for Android: Implemented as an alias for -moz-device-pixel-ratio. |
| css.at-rules.media.-webkit-max-device-pixel-ratio π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Firefox: Implemented as an alias for max--moz-device-pixel-ratio.Firefox for Android: Implemented as an alias for max--moz-device-pixel-ratio. |
| css.at-rules.media.-webkit-min-device-pixel-ratio π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Firefox: Implemented as an alias for min--moz-device-pixel-ratio.Firefox for Android: Implemented as an alias for min--moz-device-pixel-ratio. |
| css.at-rules.media.color π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.device-aspect-ratio π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.device-height π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.device-width π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.grid π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.height π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.media_features | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.monochrome π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.at-rules.media.width π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.-webkit-text-security | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.appearance.menulist-button π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Firefox: See bug 1481615.Firefox for Android: See bug 1481615. |
| css.properties.appearance.textfield π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.background-clip.content-box π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Internet Explorer: In IE 7 and IE 9 of Internet Explorer, it always behaved like background-clip: padding-box if overflow: hidden | auto | scroll |
| css.properties.background-origin π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Chrome: Chrome accepts alternate synonyms to its values: padding, border, and content.Chrome Android: Chrome Android accepts alternate synonyms to its values: padding, border, and content.Edge: Since Edge 79, accepts alternate synonyms to its values: padding, border, and content.Firefox: Used the -moz-background-clip: padding | border syntax.Internet Explorer: In IE 7 and before, Internet explorer was behaving as if background-origin: border-box was set. In Internet Explorer 8, as if background-origin: padding-box, the regular default value, was set.Quest Browser: Quest Browser accepts alternate synonyms to its values: padding, border, and content.Opera: Opera accepts alternate synonyms to its values: padding, border, and content.Opera Android: Opera accepts alternate synonyms to its values: padding, border, and content.Safari: Webkit accepts alternate synonyms to its values: padding, border, and content.Safari on iOS: Webkit accepts alternate synonyms to its values: padding, border, and content.Samsung Internet: Samsung Internet accepts alternate synonyms to its values: padding, border, and content.WebView Android: WebView accepts alternate synonyms to its values: padding, border, and content.WebView on iOS: Webkit accepts alternate synonyms to its values: padding, border, and content. |
| css.properties.background-origin.content-box π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Internet Explorer: In IE 7 and IE 9 of Internet Explorer, it always behaved like background-clip: padding if overflow: hidden | auto | scroll. |
| css.properties.border-bottom-left-radius.elliptical_corners | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.border-bottom-right-radius.elliptical_corners | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.border-top-left-radius.elliptical_corners | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.border-top-right-radius.elliptical_corners | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-align | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-direction | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-flex | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-flex-group | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-lines | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-ordinal-group | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-orient | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-pack | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.box-shadow.multiple_shadows | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.counter-increment π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.counter-reset π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.overflow-x π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.overflow-y π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.white-space.pre-line π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.properties.white-space.pre-wrap π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Internet Explorer: From Internet Explorer 5.5 to 7, word-wrap: break-word; can be used for line breaks in pre elements. |
| css.selectors.-webkit-search-cancel-button | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.selectors.-webkit-search-results-button | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.selectors.attribute π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.selectors.indeterminate π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.selectors.indeterminate.checkbox | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.selectors.namespace π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.selectors.subsequent-sibling π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | Internet Explorer: Before Internet Explorer 10, the combinator only works in standards mode. |
| css.types.counter π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 | |
| css.types.counters π | Safari on iOS | 6/29/2007 | Safari | 10/26/2007 | 119 |
| API | First Browser | Date | Last Browser | Date | Days | Notes |
|---|---|---|---|---|---|---|
| css.at-rules.import π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.at-rules.namespace π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.local π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.multiple_backgrounds | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.background.no-repeat π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.repeat π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.repeat-x π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.repeat-y π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.round π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.scroll π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.space π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: In Internet Explorer 8 and 9, there is a bug where a computed background-color of transparent causes click events to not get fired on overlaid elements. |
| css.properties.background-color.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-image π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: If the browser.display.use_document_colors user preference in about:config is set to false, background images will not be displayed.Firefox for Android: If the browser.display.use_document_colors user preference in about:config is set to false, background images will not be displayed. |
| css.properties.background-image.multiple_backgrounds | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.background-image.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position.bottom π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position.center π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position.left π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position.multiple_backgrounds | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.background-position.right π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position.top π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position-x π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-position-y π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-repeat π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-repeat.multiple_backgrounds | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.background-repeat.no-repeat π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-repeat.repeat π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-repeat.repeat-x π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.background-repeat.repeat-y π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-color.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox for Android 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox for Android 50. |
| css.properties.border-bottom-style.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-style.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-width π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-width.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-width.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-bottom-width.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-collapse π | Safari | 10/24/2003 | Safari on iOS | 6/29/2007 | 1344 | |
| css.properties.border-collapse.collapse | Safari | 10/24/2003 | Safari on iOS | 6/29/2007 | 1344 | |
| css.properties.border-collapse.separate | Safari | 10/24/2003 | Safari on iOS | 6/29/2007 | 1344 | |
| css.properties.border-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-color.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-color.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50. |
| css.properties.border-left-style.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-style.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-width π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-width.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-width.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-left-width.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-color.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50. |
| css.properties.border-right-style.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-style.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-width π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-width.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-width.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-right-width.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-spacing π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox for Android 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox for Android 50. |
| css.properties.border-style.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-style.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-color.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-top-style was solid. This has been fixed in Firefox 50.Firefox for Android: Before Firefox for Android 50, border styles of rounded corners (with border-radius) were always rendered as if border-top-style was solid. This has been fixed in Firefox for Android 50. |
| css.properties.border-top-style.dashed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.dotted π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.double π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.groove π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.inset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.outset π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.ridge π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-style.solid π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-width π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-width.medium π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-width.thick π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.border-top-width.thin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.bottom π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: In Internet Explorer versions before 7, when both top and bottom are specified, the element position is overconstrained and the top property has precedence; the computed value of bottom is set to -top, while its specified value is ignored. |
| css.properties.bottom.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.caption-side π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.caption-side.bottom | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.caption-side.top | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.clear π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.clear.both π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.clear.left π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.clear.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.clear.right π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.clip π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: Before Internet Explorer 7, Internet Explorer incorrectly interprets clip: auto as clip: rect(auto, auto, auto, auto).Safari: Safari incorrectly interprets clip: auto as clip: rect(auto, auto, auto, auto).Safari on iOS: Safari on iOS incorrectly interprets clip: auto as clip: rect(auto, auto, auto, auto).WebView on iOS: WebView on iOS incorrectly interprets clip: auto as clip: rect(auto, auto, auto, auto). |
| css.properties.clip.auto | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.color.transparent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content.close-quote π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content.no-close-quote π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content.no-open-quote π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content.open-quote π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.content.url π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.direction π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.direction.ltr π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.direction.rtl π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.block π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.inline π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.inline-block | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: Until Internet Explorer 8, inline-block is only for natural inline elements. |
| css.properties.display.inline-table | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.list-item π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Chrome: Chrome 65 stopped creating layout objects for elements inside an <iframe> with display:none applied.Chrome Android: Chrome Android 65 stopped creating layout objects for elements inside an <iframe> with display:none applied.Quest Browser: Quest Browser 5.0 stopped creating layout objects for elements inside an <iframe> with display:none applied.Opera: Opera 52 stopped creating layout objects for elements inside an <iframe> with display:none applied.Opera Android: Opera Android 47 stopped creating layout objects for elements inside an <iframe> with display:none applied.Samsung Internet: Chrome 65 stopped creating layout objects for elements inside an <iframe> with display:none applied.WebView Android: WebView Android 65 stopped creating layout objects for elements inside an <iframe> with display:none applied. |
| css.properties.display.table | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.table-cell | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.table-column | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.table-column-group | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.table-footer-group | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.table-header-group | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.table-row | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.display.table-row-group | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.empty-cells π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.empty-cells.hide π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.empty-cells.show π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.float π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.float.left π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.float.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.float.right π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font.caption | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font.icon | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font.menu | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font.message-box | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font.small-caption | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font.status-bar | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Not supported on option elements. See bug 1536148.Safari: Setting font-family: initial behaves like font-family: inherit. See bug 200709.Safari on iOS: Setting font-family: initial behaves like font-family: inherit. See bug 200709.WebView on iOS: Setting font-family: initial behaves like font-family: inherit. See bug 200709. |
| css.properties.font-family.cursive π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.fangsong π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.fantasy π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.kai π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.khmer-mul π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.monospace π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.nastaliq π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.sans-serif π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-family.serif π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-size π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-style π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 44, oblique was not distinguished from italic.Firefox for Android: Before Firefox for Android 44, oblique was not distinguished from italic. |
| css.properties.font-style.italic π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-style.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-style.oblique π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-variant π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: Only supports the small-caps and normal keywords. |
| css.properties.font-variant.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-weight π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-weight.bold π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-weight.bolder π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-weight.lighter π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.font-weight.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.height π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.height.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.left π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.left.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.letter-spacing π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.letter-spacing.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.line-break.normal π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.properties.line-height π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.line-height.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style.inside π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style.outside π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-image π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 86, this property did not accept an <image> type, and required the URL of an image.Firefox for Android: Before Firefox for Android 86, this property did not accept an <image> type, and required the URL of an image. |
| css.properties.list-style-image.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-position π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Safari: In Safari, if a block element is the first child of a list element declared as list-style-position: inside, then the marker box is placed on the same line as the block element.Safari on iOS: In Safari on iOS, if a block element is the first child of a list element declared as list-style-position: inside, then the marker box is placed on the same line as the block element.WebView on iOS: In WebView on iOS, if a block element is the first child of a list element declared as list-style-position: inside, then the marker box is placed on the same line as the block element. |
| css.properties.list-style-position.inside π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-position.outside π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.armenian π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.circle π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.decimal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.decimal-leading-zero π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.disc π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.georgian π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.hebrew π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.hiragana π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.hiragana-iroha π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.katakana π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.katakana-iroha π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.lower-alpha π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.lower-greek π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.lower-latin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.lower-roman π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.square π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.upper-alpha π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.upper-greek | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.upper-latin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.list-style-type.upper-roman π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.margin π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.margin.auto | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Edge: The auto value is not supported in quirks mode.Internet Explorer: The auto value is not supported in quirks mode. |
| css.properties.margin-bottom π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.margin-bottom.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Edge: The auto value is not supported in quirks mode.Internet Explorer: The auto value is not supported in quirks mode. |
| css.properties.margin-left π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.margin-left.auto | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Edge: The auto value is not supported in quirks mode.Internet Explorer: The auto value is not supported in quirks mode. |
| css.properties.margin-right π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.margin-right.auto | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Edge: The auto value is not supported in quirks mode.Internet Explorer: The auto value is not supported in quirks mode. |
| css.properties.margin-top π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.margin-top.auto | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Edge: The auto value is not supported in quirks mode.Internet Explorer: The auto value is not supported in quirks mode. |
| css.properties.max-height π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.max-height.none π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.max-width π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: CSS 2.1 leaves the behavior of max-width with table undefined. Firefox supports applying max-width to table elements.Firefox for Android: CSS 2.1 leaves the behavior of max-width with table undefined. Firefox for Android supports applying max-width to table elements.Opera: CSS 2.1 leaves the behavior of max-width with table undefined. Opera supports applying max-width to table elements. |
| css.properties.max-width.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.min-height π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | Firefox: CSS 2.1 leaves the behavior of min-height with table undefined. Firefox supports applying min-height to table elements.Firefox for Android: CSS 2.1 leaves the behavior of min-height with table undefined. Firefox for Android supports applying min-height to table elements.Internet Explorer: In Internet Explorer 10 and 11, a min-height declaration on a column-direction flex container doesn't apply to the container's flex items. See Flexbug #3 for more info.Opera: CSS 2.1 leaves the behavior of min-height with table undefined. Opera supports applying min-height to table elements. |
| css.properties.min-width π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: CSS 2.1 leaves the behavior of min-width with table undefined. Firefox supports applying min-width to table elements.Firefox for Android: CSS 2.1 leaves the behavior of min-width with table undefined. Firefox for Android supports applying min-width to table elements.Opera: CSS 2.1 leaves the behavior of min-width with table undefined. Opera supports applying min-width to table elements. |
| css.properties.opacity π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.properties.orphans π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.outline.auto π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.currentColor π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.dashed π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.dotted π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.double π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.groove π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.inset π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.medium π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.none π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.outset π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.ridge π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.solid π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.thick π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.thin π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline.transparent π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-color π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-color.transparent π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-offset π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | Firefox: Before Firefox 88, an outline does not follow the shape of border-radius.Firefox for Android: Before Firefox for Android 88, an outline does not follow the shape of border-radius. |
| css.properties.outline-style π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | Firefox: Before Firefox 88, an outline does not follow the shape of border-radius.Firefox for Android: Before Firefox for Android 88, an outline does not follow the shape of border-radius. |
| css.properties.outline-style.auto π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.dashed π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.dotted π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.double π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.groove π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.inset π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.none π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.outset π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.ridge π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-style.solid π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-width π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | Firefox: Before Firefox 88, an outline does not follow the shape of border-radius.Firefox for Android: Before Firefox for Android 88, an outline does not follow the shape of border-radius. |
| css.properties.outline-width.medium π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-width.thick π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.outline-width.thin π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.overflow π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: After Firefox 3.6, the overflow property is correctly applied to table group elements (<thead>, <tbody>, <tfoot>).Internet Explorer: From version 4 to 6, Internet Explorer enlarges an element with overflow: visible (default value) to fit the content inside it. height and width behave like min-height and min-width, respectively. |
| css.properties.overflow-wrap.break-word π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.overflow-wrap.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.padding π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.padding-bottom π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.padding-left π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.padding-right π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.padding-top π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.page π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.page.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.page-break-after π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-after.always π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-after.auto π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-after.left π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-after.right π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-before π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-before.always π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-before.auto π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-before.left π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-before.right π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.properties.page-break-inside π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.page-break-inside.auto π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.page-break-inside.avoid π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | Firefox: Until Firefox 25, page-break-inside: avoid did not work with the height of a block.Firefox for Android: Until Firefox for Android 25, page-break-inside: avoid did not work with the height of a block. |
| css.properties.position π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.position.absolute π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 57, absolute positioning did not work correctly when applied to elements inside tables that have border-collapse applied to them (bug 1379306).Firefox: Before Firefox 30, absolute positioning of table rows and row groups was not supported (bug 63895).Firefox for Android: Before Firefox for Android 57, absolute positioning did not work correctly when applied to elements inside tables that have border-collapse applied to them (bug 1379306).Firefox for Android: Before Firefox for Android 30, absolute positioning of table rows and row groups was not supported (bug 63895). |
| css.properties.position.fixed π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 44, position: fixed didn't create a stacking context in most cases. Firefox and the specification have been modified to mimic Chrome and Safari's long-time behavior.Firefox for Android: Before Firefox for Android 44, position: fixed didn't create a stacking context in most cases. Firefox for Android and the specification have been modified to mimic Chrome and Safari's long-time behavior.Internet Explorer: In Internet Explorer, fixed positioning doesn't work if the document is in quirks mode. |
| css.properties.position.relative π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.position.static π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.right π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.right.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-align π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-align.justify π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-decoration π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-decoration.blink π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Chrome: The blink value does not have any effect.Chrome Android: The blink value does not have any effect.Firefox: The blink value does not have any effect.Firefox for Android: The blink value does not have any effect.Quest Browser: The blink value does not have any effect.Opera: The blink value does not have any effect.Opera Android: The blink value does not have any effect.Safari: The blink value does not have any effect.Safari on iOS: The blink value does not have any effect.Samsung Internet: The blink value does not have any effect.WebView Android: The blink value does not have any effect.WebView on iOS: The blink value does not have any effect. |
| css.properties.text-decoration.line-through π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-decoration.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-decoration.overline π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-decoration.underline π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-indent π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-overflow π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | Firefox: Until Firefox 10, handling of text-overflow on blocks with inline overflow on both horizontal sides was incorrect. Before Firefox 10, if only one value was specified (such as text-overflow: ellipsis;), text was ellipsed on both sides of the block, instead of only the end edge based on the block's text direction.Firefox for Android: Until Firefox for Android 10, handling of text-overflow on blocks with inline overflow on both horizontal sides was incorrect. Before Firefox for Android 10, if only one value was specified (such as text-overflow: ellipsis;), text was ellipsed on both sides of the block, instead of only the end edge based on the block's text direction. |
| css.properties.text-overflow.clip π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.text-overflow.ellipsis π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.text-shadow π | Safari | 10/24/2003 | Safari on iOS | 6/29/2007 | 1344 | Firefox: Firefox versions before 57 have a bug whereby transitions will not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (bug 726550).Firefox: From Firefox 4, the blur radius is capped at 300 for performance reasons.Firefox: Firefox theoretically supports infinite text-shadows (don't try it).Firefox: If the <color> value is unspecified, then Firefox uses the value of the element's color property.Firefox for Android: Firefox for Android versions before 57 have a bug whereby transitions will not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (bug 726550).Firefox for Android: From Firefox for Android 4, the blur radius is capped at 300 for performance reasons.Firefox for Android: Firefox for Android theoretically supports infinite text-shadows (don't try it).Firefox for Android: If the <color> value is unspecified, then Firefox for Android uses the value of the element's color property.Opera: Opera supports a maximum of 6-9 text-shadows for performance reasons. The blur radius is limited to 100px.Opera: Opera 9.5 to 10.1 adheres to the old, reverse painting order (in CSS2, the first specified shadow is on the bottom).Safari: In Safari, any shadows that do not explicitly specify a color are transparent.Safari: Safari 1.1 to 3.2 only supports one text-shadow (displays the first shadow of a comma-separated list and ignores the rest). Safari 4.0 (WebKit 528) and later support multiple text-shadows.Safari on iOS: In Safari, any shadows that do not explicitly specify a color are transparent.Safari on iOS: Safari iOS 1 and 2 only support one text-shadow (displays the first shadow of a comma-separated list and ignores the rest). Safari iOS 3 (WebKit 528) and later support multiple text-shadows.WebView on iOS: In Safari, any shadows that do not explicitly specify a color are transparent.WebView on iOS: Safari iOS 1 and 2 only support one text-shadow (displays the first shadow of a comma-separated list and ignores the rest). Safari iOS 3 (WebKit 528) and later support multiple text-shadows. |
| css.properties.text-shadow.none π | Safari | 10/24/2003 | Safari on iOS | 6/29/2007 | 1344 | |
| css.properties.text-transform π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Chrome: The text-transform property does not work for ::first-line pseudo-elements (nor for the one-colon syntax). See bug 40214861.Chrome Android: The text-transform property does not work for ::first-line pseudo-elements (nor for the one-colon syntax). See bug 40214861.Quest Browser: The text-transform property does not work for ::first-line pseudo-elements (nor for the one-colon syntax). See bug 40214861.Opera: Since Opera 15, the text-transform property does not work for ::first-line pseudo-elements (nor for the one-colon syntax). See bug 40214861.Safari: The text-transform property does not work for ::first-line pseudo-elements (also not for the old one-colon syntax). See bug 3409.Safari on iOS: The text-transform property does not work for ::first-line pseudo-elements (also not for the old one-colon syntax). See bug 3409.Samsung Internet: The text-transform property does not work for ::first-line pseudo-elements (nor for the one-colon syntax). See bug 40214861.WebView Android: The text-transform property does not work for ::first-line pseudo-elements (nor for the one-colon syntax). See bug 40214861.WebView on iOS: The text-transform property does not work for ::first-line pseudo-elements (also not for the old one-colon syntax). See bug 3409. |
| css.properties.text-transform.capitalize π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Firefox: Before Firefox 14, some punctuation characters could interfere with correct capitalization. See bug 731536.Firefox for Android: Before Firefox for Android 14, some punctuation characters could interfere with correct capitalization. See bug 731536. |
| css.properties.text-transform.lowercase π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-transform.none π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-transform.uppercase π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.text-transform.uppercase_eszett | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.top π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: In Internet Explorer versions before 7, when both top and bottom are specified, the element position is overconstrained and the top property has precedence; the computed value of bottom is set to -top, while its specified value is ignored. |
| css.properties.top.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.transform-origin.bottom π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.properties.transform-origin.center π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.properties.transform-origin.left π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.properties.transform-origin.right π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.properties.transform-origin.top π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.properties.unicode-bidi π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.unicode-bidi.bidi-override π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.unicode-bidi.embed π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.unicode-bidi.normal π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.vertical-align π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.baseline π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.bottom π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.middle π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.sub π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.super π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.text-bottom π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.text-top π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.vertical-align.top π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.visibility π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: Internet Explorer doesn't support visibility: initial.Internet Explorer: Internet Explorer doesn't support visibility: unset.Internet Explorer: Up to Internet Explorer 7, descendants of hidden elements will still be invisible even if they have visibility set to visible. |
| css.properties.visibility.collapse π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | Chrome: Before Chrome 62, visibility: collapse has the same effect as hidden for <tr>, <thead>, <tbody>, and <tfoot> elements, flex items, and ruby annotations, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Chrome: Before Chrome 92, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Chrome: Since Chrome 92, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.Chrome Android: Before Chrome Android 62, visibility: collapse has the same effect as hidden for <tr>, <thead>, <tbody>, and <tfoot> elements, flex items, and ruby annotations, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Chrome Android: Before Chrome Android 92, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Chrome Android: Since Chrome Android 92, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.Edge: For Edge 79 through Edge 91, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Edge: Since Edge 92, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.Firefox: Firefox doesn't hide borders when hiding <col> and <colgroup> elements if border-collapse: collapse is set.Firefox: Before Firefox 88, collapse is not supported on ruby annotations.Firefox for Android: Firefox for Android doesn't hide borders when hiding <col> and <colgroup> elements if border-collapse: collapse is set.Firefox for Android: Before Firefox for Android 88, collapse is not supported on ruby annotations.Quest Browser: Before Quest Browser 5.0, visibility: collapse has the same effect as hidden for <tr>, <thead>, <tbody>, and <tfoot> elements, flex items, and ruby annotations, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Quest Browser: Before Quest Browser 17.0, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Quest Browser: Since Quest Browser 17.0, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.Opera: Before Opera 49, visibility: collapse has the same effect as hidden for <tr>, <thead>, <tbody>, and <tfoot> elements, flex items, and ruby annotations, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Opera: Before Opera 78, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Opera: Since Opera 78, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.Opera Android: Before Opera Android 46, visibility: collapse has the same effect as hidden for <tr>, <thead>, <tbody>, and <tfoot> elements, flex items, and ruby annotations, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Opera Android: Before Opera Android 65, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Opera Android: Since Opera Android 65, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.Safari: Safari treats visibility: collapse like hidden, leaving a white gap.Safari: Safari supports the collapse value only on <tr>, <thead>, <tbody>, and <tfoot>, but not on <col> and <colgroup> elements.Safari on iOS: Safari on iOS treats visibility: collapse like hidden, leaving a white gap.Safari on iOS: Safari on iOS supports the collapse value only on <tr>, <thead>, <tbody>, and <tfoot>, but not on <col> and <colgroup> elements.Samsung Internet: Before Samsung Internet 8.0, visibility: collapse has the same effect as hidden for <tr>, <thead>, <tbody>, and <tfoot> elements, flex items, and ruby annotations, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Samsung Internet: Before Samsung Internet 16.0, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.Samsung Internet: Since Samsung Internet 16.0, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.WebView Android: Before WebView Android 62, visibility: collapse has the same effect as hidden for <tr>, <thead>, <tbody>, and <tfoot> elements, flex items, and ruby annotations, leaving a blank gap. It has no effect on <col> and <colgroup> elements.WebView Android: Before WebView Android 92, visibility: collapse supports <tr>, <thead>, <tbody>, and <tfoot> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap. It has no effect on <col> and <colgroup> elements.WebView Android: Since WebView Android 92, visibility: collapse supports <tr>, <thead>, <tbody>, <tfoot>, <col> and <colgroup> elements. For flex items and ruby annotations, it has the same effect as hidden, leaving a blank gap.WebView on iOS: WebView on iOS treats visibility: collapse like hidden, leaving a white gap.WebView on iOS: WebView on iOS supports the collapse value only on <tr>, <thead>, <tbody>, and <tfoot>, but not on <col> and <colgroup> elements. |
| css.properties.visibility.hidden π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.visibility.visible π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.white-space π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.white-space.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.white-space.nowrap π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.white-space.pre π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.white-space.textarea_support | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.widows π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.properties.width π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.width.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.word-spacing π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.word-spacing.normal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.z-index π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.z-index.auto π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.properties.z-index.negative_values | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.active π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.active.non_a_elements | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Safari on iOS: By default, Safari on iOS does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body> element.WebView on iOS: By default, WebView on iOS does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body> element. |
| css.selectors.child π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: Before Internet Explorer 10, the combinator only works in standards mode. |
| css.selectors.class π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.descendant π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.first-letter π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.first-line π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Chrome: Before Chrome 62, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.Chrome: Before Chrome 62, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.Chrome Android: Before Chrome Android 62, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.Chrome Android: Before Chrome Android 62, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.Quest Browser: Before Quest Browser 5.0, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.Quest Browser: Before Quest Browser 5.0, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.Opera: From Opera 15 to Opera 49 (exclusive), the text-transform property does not work on ::first-line or :first-line pseudo-elements. See bug 40214861.Opera: From Opera 15 to Opera 49 (exclusive), the text-transform property does not work on ::first-line or :first-line pseudo-elements. See bug 40214861.Opera Android: From Opera 15 to Opera 49 (exclusive), the text-transform property does not work on ::first-line or :first-line pseudo-elements. See bug 40214861.Opera Android: From Opera 15 to Opera 49 (exclusive), the text-transform property does not work on ::first-line or :first-line pseudo-elements. See bug 40214861.Safari: The text-transform property does not work for ::first-line or :first-line pseudo-elements. See bug 3409.Safari: The text-transform property does not work for ::first-line or :first-line pseudo-elements. See bug 3409.Safari on iOS: The text-transform property does not work for ::first-line or :first-line pseudo-elements. See bug 3409.Safari on iOS: The text-transform property does not work for ::first-line or :first-line pseudo-elements. See bug 3409.Samsung Internet: Before Samsung Internet 8.0, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.Samsung Internet: Before Samsung Internet 8.0, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.WebView Android: Before WebView Android 62, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.WebView Android: Before WebView Android 62, the text-transform property does not work on ::first-line pseudo-elements. See bug 40214861.WebView on iOS: The text-transform property does not work for ::first-line or :first-line pseudo-elements. See bug 3409.WebView on iOS: The text-transform property does not work for ::first-line or :first-line pseudo-elements. See bug 3409. |
| css.selectors.focus π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.hover π | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | Safari on iOS: As of Safari for iOS 7.1.2, tapping a clickable element causes the element to enter the :hover state. The element will remain in the :hover state until a different element has entered the :hover state.WebView on iOS: As of Safari for iOS 7.1.2, tapping a clickable element causes the element to enter the :hover state. The element will remain in the :hover state until a different element has entered the :hover state. |
| css.selectors.hover.a_elements | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | |
| css.selectors.hover.all_elements | Safari | 4/29/2005 | Safari on iOS | 6/29/2007 | 791 | Edge: In Edge, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the :hover state until the pointer is moved.Internet Explorer: In Internet Explorer 8 to Internet Explorer 11, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the :hover state until the pointer is moved. See bug 926665.Internet Explorer: In Internet Explorer 9 (and possibly earlier), if a <table> has a parent with a non-auto width, overflow-x: auto;, the <table> has enough content to horizontally overflow its parent, and there are :hover styles set on elements within the table, then hovering over said elements will cause the <table>'s height to increase. See a live demo that triggers the bug. One workaround for the bug is to set min-height: 0%; (the % unit must be specified, since unitless and px don't work) on the <table>'s parent element. |
| css.selectors.id π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.list π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.next-sibling π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: Before Internet Explorer 10, the combinator only works in standards mode.Internet Explorer: Internet Explorer 7 doesn't update the style correctly when an element is dynamically placed before an element that matched the selector.Internet Explorer: In Internet Explorer 8, if an element is inserted dynamically by clicking on a link the first-child style isn't applied until the link loses focus. |
| css.selectors.root π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.type π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.type.namespaces | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.selectors.universal π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.selectors.universal.namespaces | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.selectors.visited π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.color.named-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: Internet Explorer 8 and later support gray color keywords spelled with an e ( grey, darkgrey, darkslategrey, dimgrey, lightgrey, and lightslategrey). Internet Explorer 3 to Internet Explorer 7 only support the keywords spelled with a (gray, darkgray, darkslategray, dimgray, lightgray, and lightslategray). |
| css.types.color.rgb π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.color.rgb_hexadecimal_notation π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.color.system-color π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.color.transparent | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.dimension π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.global_keywords | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.global_keywords.inherit π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.global_keywords.initial π | Safari | 2/2/2004 | Safari on iOS | 6/29/2007 | 1243 | |
| css.types.image π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.integer π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.length π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.length.em | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.length.ex | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.length-percentage π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.number π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.overflow π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | Internet Explorer: From version 4 to 6, Internet Explorer enlarges an element with visible (default value) to fit the content inside it. |
| css.types.percentage π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.position π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.position.keyword_value_syntax | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.shape π | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | |
| css.types.shape.rect | Safari | 4/15/2005 | Safari on iOS | 6/29/2007 | 805 | Internet Explorer: For Internet Explorer versions 5.5 through 7, the rect() function uses spaces (instead of commas) to separate parameters. For Internet Explorer 8 and later versions, only the standard comma-separated syntax is supported. |
| css.types.string π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.string.unicode_escaped_characters | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 | |
| css.types.url π | Safari | 6/23/2003 | Safari on iOS | 6/29/2007 | 1467 |