{
    "supported-basic-shapes": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/clip-path.json",
            "name": "clip-path",
            "slug": "CSS/clip-path",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path",
            "summary": "The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.",
            "support": {
                "chrome": [
                    {
                        "version_added": "55"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "23"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": false
                },
                "firefox": {
                    "version_added": "3.5"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10",
                    "partial_implementation": true,
                    "notes": "Only supports clip paths defined by <code>url()</code>."
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": [
                    {
                        "version_added": "9.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "clip-path"
        }
    ],
    "shape-image-threshold-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/shape-image-threshold.json",
            "name": "shape-image-threshold",
            "slug": "CSS/shape-image-threshold",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/shape-image-threshold",
            "summary": "The shape-image-threshold CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside.",
            "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": "shape-image-threshold"
        }
    ],
    "shape-margin-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/shape-margin.json",
            "name": "shape-margin",
            "slug": "CSS/shape-margin",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/shape-margin",
            "summary": "The shape-margin CSS property sets a margin for a CSS shape created using shape-outside.",
            "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"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "10.1"
                    }
                ],
                "safari_ios": {
                    "version_added": "10.3"
                },
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "shape-margin"
        }
    ],
    "shape-outside-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/shape-outside.json",
            "name": "shape-outside",
            "slug": "CSS/shape-outside",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside",
            "summary": "The shape-outside CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; shape-outside provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.",
            "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": "shape-outside"
        }
    ],
    "funcdef-basic-shape-circle": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/basic-shape.json",
            "name": "circle",
            "slug": "CSS/basic-shape/circle",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape/circle",
            "summary": "The circle() CSS function is one of the <basic-shape> data types.",
            "support": {
                "chrome": {
                    "version_added": "37"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "54"
                },
                "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": "circle()"
        }
    ],
    "funcdef-basic-shape-ellipse": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/basic-shape.json",
            "name": "ellipse",
            "slug": "CSS/basic-shape/ellipse",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape/ellipse",
            "summary": "The ellipse() CSS function is one of the <basic-shape> data types.",
            "support": {
                "chrome": {
                    "version_added": "37"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "54"
                },
                "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": "ellipse()"
        }
    ],
    "funcdef-basic-shape-inset": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/basic-shape.json",
            "name": "inset",
            "slug": "CSS/basic-shape/inset",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape/inset",
            "summary": "The inset() CSS function is one of the <basic-shape> data types. It defines an inset rectangle.",
            "support": {
                "chrome": {
                    "version_added": "37"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "54"
                },
                "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": "inset()"
        }
    ],
    "funcdef-basic-shape-path": [
        {
            "engines": [],
            "partial": [
                "blink",
                "gecko"
            ],
            "filename": "css/types/basic-shape.json",
            "name": "path",
            "slug": "CSS/path",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/path",
            "summary": "The path() CSS function accepts an SVG path string, and is used in CSS Shapes and CSS Motion Path to enable a shape to be drawn.",
            "support": {
                "chrome": {
                    "version_added": "46",
                    "partial_implementation": true,
                    "notes": "Only supported on the <code>offset-path</code> property."
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": [
                    {
                        "version_added": "97",
                        "partial_implementation": true,
                        "notes": "Only supported on the <code>d</code> SVG presentation attribute and the <code>clip-path</code> and <code>offset-path</code> CSS properties. Not supported on the <code>shape-outside</code> CSS property."
                    },
                    {
                        "version_added": "71",
                        "partial_implementation": true,
                        "notes": "Only supported on the <code>clip-path</code> and <code>offset-path</code> properties."
                    },
                    {
                        "version_added": "63",
                        "partial_implementation": true,
                        "notes": "Only supported on the <code>offset-path</code> property."
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": false
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79",
                    "partial_implementation": true,
                    "notes": "Only supported on the <code>offset-path</code> property."
                }
            },
            "title": "path()"
        },
        {
            "engines": [
                "blink",
                "gecko"
            ],
            "filename": "svg/elements/path.json",
            "name": "path",
            "slug": "CSS/path",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/path",
            "summary": "The path() CSS function accepts an SVG path string, and is used in CSS Shapes and CSS Motion Path to enable a shape to be drawn.",
            "support": {
                "chrome": {
                    "version_added": "52"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "97"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "60"
                },
                "opera_android": {
                    "version_added": "51"
                },
                "safari": {
                    "version_added": false
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "path()"
        }
    ],
    "funcdef-basic-shape-polygon": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/basic-shape.json",
            "name": "polygon",
            "slug": "CSS/basic-shape/polygon",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape/polygon",
            "summary": "The polygon() CSS function is one of the <basic-shape> data types.",
            "support": {
                "chrome": {
                    "version_added": "37"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "54"
                },
                "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": "polygon()"
        }
    ],
    "basic-shape-functions": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/basic-shape.json",
            "name": "basic-shape",
            "slug": "CSS/basic-shape",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape",
            "summary": "The <basic-shape> CSS data type represents a shape used in the clip-path, shape-outside, and offset-path properties.",
            "support": {
                "chrome": {
                    "version_added": "37"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "54"
                },
                "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": "<basic-shape>"
        }
    ]
}
