{
    "the-image-orientation": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/image-orientation.json",
            "name": "image-orientation",
            "slug": "CSS/image-orientation",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation",
            "summary": "The image-orientation CSS property specifies a layout-independent correction to the orientation of an image.",
            "support": {
                "chrome": {
                    "version_added": "81"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "26"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "67"
                },
                "opera_android": "mirror",
                "safari": {
                    "version_added": "13.1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "81"
                }
            },
            "caniuse": {
                "feature": "css-image-orientation",
                "title": "CSS3 image-orientation"
            },
            "title": "image-orientation"
        }
    ],
    "the-image-rendering": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/image-rendering.json",
            "name": "image-rendering",
            "slug": "CSS/image-rendering",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering",
            "summary": "The image-rendering CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.",
            "support": {
                "chrome": {
                    "version_added": "13"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "3.6"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "6"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": {
                    "version_added": "3"
                },
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "image-rendering"
        },
        {
            "engines": [],
            "filename": "svg/attributes/presentation.json",
            "name": "image-rendering",
            "slug": "SVG/Attribute/image-rendering",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/image-rendering",
            "summary": "The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.",
            "support": {
                "chrome": {
                    "version_added": null
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": null
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": null
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": null
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": null
                }
            },
            "title": "image-rendering"
        }
    ],
    "the-object-fit": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/object-fit.json",
            "name": "object-fit",
            "slug": "CSS/object-fit",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit",
            "summary": "The object-fit CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container.",
            "support": {
                "chrome": {
                    "version_added": "32"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": false
                },
                "firefox": {
                    "version_added": "36"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "19"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "11.6",
                        "version_removed": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "19"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "12",
                        "version_removed": "14"
                    }
                ],
                "safari": {
                    "version_added": "10"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "object-fit"
        }
    ],
    "the-object-position": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/object-position.json",
            "name": "object-position",
            "slug": "CSS/object-position",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-position",
            "summary": "The object-position CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced element's object will show the element's background.",
            "support": {
                "chrome": {
                    "version_added": "32"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": false
                },
                "firefox": {
                    "version_added": "36"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "19"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "11.6",
                        "version_removed": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "19"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "12",
                        "version_removed": "14"
                    }
                ],
                "safari": {
                    "version_added": "10"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "object-position"
        }
    ],
    "gradients": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/shape-outside.json",
            "name": "gradient",
            "slug": "CSS/gradient",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/gradient",
            "summary": "The <gradient> CSS data type is a special type of <image> that consists of a progressive transition between two or more colors.",
            "support": {
                "chrome": {
                    "version_added": "37"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "62"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "10.1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "<gradient>"
        }
    ],
    "image-values": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/shape-outside.json",
            "name": "image",
            "slug": "CSS/image",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/image",
            "summary": "The <image> CSS data type represents a two-dimensional image.",
            "support": {
                "chrome": {
                    "version_added": "37"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "62"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "10.1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "<image>"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/image.json",
            "name": "image",
            "slug": "CSS/image",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/image",
            "summary": "The <image> CSS data type represents a two-dimensional image.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "1"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "2"
                },
                "opera_android": {
                    "version_added": "11"
                },
                "safari": {
                    "version_added": "1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "<image>"
        }
    ],
    "radial-gradients": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/image.json",
            "name": "radial-gradient",
            "slug": "CSS/gradient/radial-gradient",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/radial-gradient",
            "summary": "The radial-gradient() CSS function creates an image consisting of a progressive transition between two or more colors that radiate from an origin. Its shape may be a circle or an ellipse. The function's result is an object of the <gradient> data type, which is a special kind of <image>.",
            "support": {
                "chrome": [
                    {
                        "version_added": "26"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "13"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "16",
                        "notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    },
                    {
                        "prefix": "-moz-",
                        "version_added": "3.6",
                        "notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>."
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10",
                    "notes": "Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: <code><a href='https://developer.mozilla.org/docs/Web/CSS/-ms-filter#Gradient'>-ms-filter: progid:DXImageTransform.Microsoft.Gradient()</a></code>."
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "11.6",
                        "version_removed": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "12",
                        "version_removed": "14"
                    }
                ],
                "safari": [
                    {
                        "version_added": "7"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "5.1",
                        "notes": "Safari 4 was supporting an experimental <code><a href='https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html'>-webkit-gradient(radial,…)</a></code> function. This old outdated syntax is still supported for compatibility purposes."
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "37"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "radial-gradient()"
        }
    ],
    "repeating-gradients": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/image.json",
            "name": "repeating-linear-gradient",
            "slug": "CSS/gradient/repeating-linear-gradient",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/repeating-linear-gradient",
            "summary": "The repeating-linear-gradient() CSS function creates an image consisting of repeating linear gradients. It is similar to linear-gradient() and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container. The function's result is an object of the <gradient> data type, which is a special kind of <image>.",
            "support": {
                "chrome": [
                    {
                        "version_added": "26"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "10"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "16",
                        "notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    },
                    {
                        "prefix": "-moz-",
                        "version_added": "3.6",
                        "notes": [
                            "Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>.",
                            "Considers <code>&lt;angle&gt;</code> to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right."
                        ]
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10",
                    "notes": "Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: <code><a href='https://developer.mozilla.org/docs/Web/CSS/-ms-filter#Gradient'>-ms-filter: progid:DXImageTransform.Microsoft.Gradient()</a></code>."
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15",
                        "notes": "Considers <code>&lt;angle&gt;</code> to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right."
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "11",
                        "version_removed": "15",
                        "notes": "Considers <code>&lt;angle&gt;</code> to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right."
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14",
                        "notes": "Considers <code>&lt;angle&gt;</code> to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right."
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "11",
                        "version_removed": "14",
                        "notes": "Considers <code>&lt;angle&gt;</code> to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right."
                    }
                ],
                "safari": [
                    {
                        "version_added": "7"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "5.1",
                        "notes": [
                            "Safari 4 was supporting an experimental <code><a href='https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html'>-webkit-gradient(linear,…)</a></code> function. It is more limited than the later standard version: you cannot specify both a position and an angle like in <code>repeating-linear-gradient()</code>. This old outdated syntax is still supported for compatibility purposes.",
                            "Considers <code>&lt;angle&gt;</code> to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right."
                        ]
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "37"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "caniuse": {
                "feature": "css-repeating-gradients",
                "title": "CSS Repeating Gradients"
            },
            "title": "repeating-linear-gradient()"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/image.json",
            "name": "repeating-radial-gradient",
            "slug": "CSS/gradient/repeating-radial-gradient",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/repeating-radial-gradient",
            "summary": "The repeating-radial-gradient() CSS function creates an image consisting of repeating gradients that radiate from an origin. It is similar to radial-gradient() and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container, similar to repeating-linear-gradient(). The function's result is an object of the <gradient> data type, which is a special kind of <image>.",
            "support": {
                "chrome": [
                    {
                        "version_added": "26"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "10"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "16",
                        "notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    },
                    {
                        "prefix": "-moz-",
                        "version_added": "3.6",
                        "notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>."
                    }
                ],
                "firefox_android": [
                    {
                        "version_added": "16",
                        "notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    },
                    {
                        "prefix": "-moz-",
                        "version_added": "10",
                        "notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>."
                    }
                ],
                "ie": {
                    "version_added": "10"
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "12",
                        "version_removed": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "12",
                        "version_removed": "14"
                    }
                ],
                "safari": [
                    {
                        "version_added": "7"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "5.1",
                        "notes": "Safari 4 was supporting an experimental <code><a href='https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html'>-webkit-gradient(radial,…)</a></code> function. This old outdated syntax is still supported for compatibility purposes."
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "caniuse": {
                "feature": "css-repeating-gradients",
                "title": "CSS Repeating Gradients"
            },
            "title": "repeating-radial-gradient()"
        }
    ]
}