{
    "overflow-control": [
        {
            "engines": [
                "gecko"
            ],
            "filename": "css/properties/overflow-block.json",
            "name": "overflow-block",
            "slug": "CSS/overflow-block",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-block",
            "summary": "The overflow-block CSS property sets what shows when content overflows the block start and block end edges of a box. This may be nothing, a scroll bar, or the overflow content.",
            "support": {
                "chrome": {
                    "version_added": false
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "69"
                },
                "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": false
                }
            },
            "title": "overflow-block"
        },
        {
            "engines": [
                "gecko"
            ],
            "filename": "css/properties/overflow-inline.json",
            "name": "overflow-inline",
            "slug": "CSS/overflow-inline",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-inline",
            "summary": "The overflow-inline CSS property sets what shows when content overflows the inline start and end edges of a box. This may be nothing, a scroll bar, or the overflow content.",
            "support": {
                "chrome": {
                    "version_added": false
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "69"
                },
                "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": false
                }
            },
            "title": "overflow-inline"
        }
    ],
    "overflow-clip-margin": [
        {
            "engines": [],
            "partial": [
                "blink",
                "gecko"
            ],
            "filename": "css/properties/overflow-clip-margin.json",
            "name": "overflow-clip-margin",
            "slug": "CSS/overflow-clip-margin",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-clip-margin",
            "summary": "The overflow-clip-margin CSS property determines how far outside its bounds an element with overflow: clip may be painted before being clipped. The bound defined by this property is called the overflow clip edge of the box.",
            "support": {
                "chrome": {
                    "version_added": "90",
                    "partial_implementation": true,
                    "notes": "Only works when both axes are using <code>overflow: clip</code>. See <a href='https://crbug.com/1354474'>bug 1354474</a>."
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "102",
                    "partial_implementation": true,
                    "notes": "Only supports using a length, not a visual box. See <a href='https://bugzil.la/1661582'>bug 1661582</a>."
                },
                "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": "90",
                    "partial_implementation": true,
                    "notes": "Only works when both axes are using <code>overflow: clip</code>. See <a href='https://crbug.com/1354474'>bug 1354474</a>."
                }
            },
            "title": "overflow-clip-margin"
        }
    ],
    "overflow-properties": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/overflow-x.json",
            "name": "overflow-x",
            "slug": "CSS/overflow-x",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x",
            "summary": "The overflow-x CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "3.5"
                },
                "firefox_android": "mirror",
                "ie": [
                    {
                        "version_added": "5"
                    },
                    {
                        "prefix": "-ms-",
                        "version_added": "8"
                    }
                ],
                "oculus": "mirror",
                "opera": {
                    "version_added": "9.5"
                },
                "opera_android": "mirror",
                "safari": {
                    "version_added": "3"
                },
                "safari_ios": {
                    "version_added": "1"
                },
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "overflow-x"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/overflow-y.json",
            "name": "overflow-y",
            "slug": "CSS/overflow-y",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y",
            "summary": "The overflow-y CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "3.5"
                },
                "firefox_android": "mirror",
                "ie": [
                    {
                        "version_added": "5"
                    },
                    {
                        "prefix": "-ms-",
                        "version_added": "8"
                    }
                ],
                "oculus": "mirror",
                "opera": {
                    "version_added": "9.5"
                },
                "opera_android": "mirror",
                "safari": {
                    "version_added": "3"
                },
                "safari_ios": {
                    "version_added": "1"
                },
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "overflow-y"
        }
    ],
    "propdef-overflow": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/overflow.json",
            "name": "overflow",
            "slug": "CSS/overflow",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow",
            "summary": "The overflow CSS shorthand property sets the desired behavior when content does not fit in the parent element box (overflows) in the horizontal and/or vertical direction.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "1",
                    "notes": "After Firefox 3.6, the <code>overflow</code> property is correctly applied to table group elements (<code>&lt;thead&gt;</code>, <code>&lt;tbody&gt;</code>, <code>&lt;tfoot&gt;</code>)."
                },
                "firefox_android": {
                    "version_added": "4"
                },
                "ie": {
                    "version_added": "4",
                    "notes": "From version 4 to 6, Internet Explorer enlarges an element with <code>overflow: visible</code> (default value) to fit the content inside it. <code>height</code> and <code>width</code> behave like <code>min-height</code> and <code>min-width</code>, respectively."
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "7"
                },
                "opera_android": "mirror",
                "safari": {
                    "version_added": "1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": {
                    "version_added": "37"
                },
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "overflow"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/overflow.json",
            "name": "overflow",
            "slug": "CSS/overflow_value",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow_value",
            "summary": "The <overflow> enumerated value type represents the keyword values for the overflow-block, overflow-inline, overflow-x, and overflow-y longhand properties and the overflow shorthand property. These properties apply to block containers, flex containers, and grid containers.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "1"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "4",
                    "notes": "From version 4 to 6, Internet Explorer enlarges an element with <code>visible</code> (default value) to fit the content inside it."
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "7"
                },
                "opera_android": "mirror",
                "safari": {
                    "version_added": "1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": {
                    "version_added": "37"
                },
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "<overflow>"
        }
    ],
    "smooth-scrolling": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/scroll-behavior.json",
            "name": "scroll-behavior",
            "slug": "CSS/scroll-behavior",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior",
            "summary": "The scroll-behavior CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.",
            "support": {
                "chrome": {
                    "version_added": "61"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "36"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "15.4"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "caniuse": {
                "feature": "css-scroll-behavior",
                "title": "CSS Scroll-behavior"
            },
            "title": "scroll-behavior"
        }
    ],
    "scrollbar-gutter-property": [
        {
            "engines": [
                "blink",
                "gecko"
            ],
            "filename": "css/properties/scrollbar-gutter.json",
            "name": "scrollbar-gutter",
            "slug": "CSS/scrollbar-gutter",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter",
            "summary": "The scrollbar-gutter CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.",
            "support": {
                "chrome": {
                    "version_added": "94"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "97"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": false,
                    "notes": "See <a href='https://webkit.org/b/167335'>bug 167335</a>."
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "94"
                }
            },
            "title": "scrollbar-gutter"
        }
    ],
    "text-overflow": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/text-overflow.json",
            "name": "text-overflow",
            "slug": "CSS/text-overflow",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow",
            "summary": "The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…'), or display a custom string.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "7",
                    "notes": "Until Firefox 10, handling of <code>text-overflow</code> on blocks with inline overflow on both horizontal sides was incorrect. Before Firefox 10, if only one value was specified (such as <code>text-overflow: ellipsis;</code>), text was ellipsed on both sides of the block, instead of only the end edge based on the block's text direction."
                },
                "firefox_android": "mirror",
                "ie": [
                    {
                        "version_added": "6"
                    },
                    {
                        "prefix": "-ms-",
                        "version_added": "8"
                    }
                ],
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "11"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "9",
                        "version_removed": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "11"
                    },
                    {
                        "prefix": "-o-",
                        "version_added": "10.1",
                        "version_removed": "14"
                    }
                ],
                "safari": {
                    "version_added": "1.3"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": {
                    "version_added": "37"
                },
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "text-overflow"
        }
    ]
}
