| { |
| "css": { |
| "properties": { |
| "border-image": { |
| "__compat": { |
| "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-image", |
| "spec_url": "https://drafts.csswg.org/css-backgrounds/#the-border-image", |
| "tags": [ |
| "web-features:border-image" |
| ], |
| "support": { |
| "chrome": [ |
| { |
| "version_added": "16", |
| "notes": "Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower `border-width` ([bug 40541033](https://crbug.com/40541033))." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "7" |
| } |
| ], |
| "chrome_android": "mirror", |
| "edge": [ |
| { |
| "version_added": "12", |
| "notes": "Before Edge 112, a border image's absolute or percentage length width may not take precedence over a narrower `border-width` ([bug 40541033](https://crbug.com/40541033))." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "12" |
| } |
| ], |
| "firefox": [ |
| { |
| "version_added": "15", |
| "notes": [ |
| "Small SVGs are incorrectly stretched, because percentages in [`border-image-slice`](https://developer.mozilla.org/docs/Web/CSS/border-image-slice) are computed to integers instead of floats ([bug 1284797](https://bugzil.la/1284797)).", |
| "Until Firefox 47, SVGs without viewport were not sliced correctly ([bug 619500](https://bugzil.la/619500)).", |
| "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](https://bugzil.la/1264809)).", |
| "Until Firefox 57, an issue persisted for SVGs without viewport when [e10s](https://wiki.mozilla.org/Electrolysis) was disabled ([bug 1290782](https://bugzil.la/1290782))." |
| ] |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "3.5", |
| "notes": "Before Firefox 15, an earlier version of the specification was implemented, prefixed." |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "11" |
| }, |
| "oculus": "mirror", |
| "opera": [ |
| { |
| "version_added": "11", |
| "notes": "Before Opera 98, a border image's absolute or percentage length width may not take precedence over a narrower `border-width` ([bug 40541033](https://crbug.com/40541033))." |
| }, |
| { |
| "prefix": "-o-", |
| "version_added": "10.5", |
| "version_removed": "15" |
| } |
| ], |
| "opera_android": [ |
| { |
| "version_added": "11", |
| "notes": "A border image's absolute or percentage length width may not take precedence over a narrower `border-width` ([bug 40541033](https://crbug.com/40541033))." |
| }, |
| { |
| "prefix": "-o-", |
| "version_added": "11", |
| "version_removed": "14" |
| } |
| ], |
| "safari": [ |
| { |
| "version_added": "6" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "3" |
| } |
| ], |
| "safari_ios": [ |
| { |
| "version_added": "6" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "3.2" |
| } |
| ], |
| "samsunginternet_android": "mirror", |
| "webview_android": [ |
| { |
| "version_added": "4.4", |
| "notes": "Before WebView 112, a border image's absolute or percentage length width may not take precedence over a narrower `border-width` ([bug 40541033](https://crbug.com/40541033))." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "2" |
| } |
| ], |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| }, |
| "fill": { |
| "__compat": { |
| "tags": [ |
| "web-features:border-image" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "16" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "15" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "11" |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "6" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "gradient": { |
| "__compat": { |
| "description": "`<gradient>`", |
| "tags": [ |
| "web-features:border-image" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "7" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "29" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "11" |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "4" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "optional_border_image_slice": { |
| "__compat": { |
| "description": "optional `<border-image-slice>`", |
| "tags": [ |
| "web-features:border-image" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "16" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "15" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "11" |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "6" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
