{
"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 overflow: clip. See bug 1354474."
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "102",
"partial_implementation": true,
"notes": "Only supports using a length, not a visual box. See bug 1661582."
},
"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 overflow: clip. See bug 1354474."
}
},
"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 overflow property is correctly applied to table group elements (<thead>, <tbody>, <tfoot>)."
},
"firefox_android": {
"version_added": "4"
},
"ie": {
"version_added": "4",
"notes": "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."
},
"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 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 visible (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": ""
}
],
"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 bug 167335."
},
"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 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_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"
}
]
}