{
"margin-longhands-logical": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-block-end.json",
"name": "scroll-margin-block-end",
"slug": "CSS/scroll-margin-block-end",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-block-end",
"summary": "The scroll-margin-block-end property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-block-end"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-block-start.json",
"name": "scroll-margin-block-start",
"slug": "CSS/scroll-margin-block-start",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-block-start",
"summary": "The scroll-margin-block-start property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-block-start"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-inline-end.json",
"name": "scroll-margin-inline-end",
"slug": "CSS/scroll-margin-inline-end",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-end",
"summary": "The scroll-margin-inline-end property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-inline-end"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-inline-start.json",
"name": "scroll-margin-inline-start",
"slug": "CSS/scroll-margin-inline-start",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-start",
"summary": "The scroll-margin-inline-start property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-inline-start"
}
],
"propdef-scroll-margin-block": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-block.json",
"name": "scroll-margin-block",
"slug": "CSS/scroll-margin-block",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-block",
"summary": "The scroll-margin-block shorthand property sets the scroll margins of an element in the block dimension.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-block"
}
],
"margin-longhands-physical": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-bottom.json",
"name": "scroll-margin-bottom",
"slug": "CSS/scroll-margin-bottom",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-bottom",
"summary": "The scroll-margin-bottom property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-bottom",
"partial_implementation": true,
"notes": "Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"safari_ios": [
{
"version_added": "14.5"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-bottom",
"partial_implementation": true,
"notes": "Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-bottom"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-left.json",
"name": "scroll-margin-left",
"slug": "CSS/scroll-margin-left",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-left",
"summary": "The scroll-margin-left property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-left",
"partial_implementation": true,
"notes": "Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"safari_ios": [
{
"version_added": "14.5"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-left",
"partial_implementation": true,
"notes": "Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-left"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-right.json",
"name": "scroll-margin-right",
"slug": "CSS/scroll-margin-right",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-right",
"summary": "The scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-right",
"partial_implementation": true,
"notes": "Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"safari_ios": [
{
"version_added": "14.5"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-right",
"partial_implementation": true,
"notes": "Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-right"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-top.json",
"name": "scroll-margin-top",
"slug": "CSS/scroll-margin-top",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top",
"summary": "The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-top",
"partial_implementation": true,
"notes": "Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"safari_ios": [
{
"version_added": "14.5"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin-top",
"partial_implementation": true,
"notes": "Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-top"
}
],
"propdef-scroll-margin-inline": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin-inline.json",
"name": "scroll-margin-inline",
"slug": "CSS/scroll-margin-inline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline",
"summary": "The scroll-margin-inline shorthand property sets the scroll margins of an element in the inline dimension.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin-inline"
}
],
"scroll-margin": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-margin.json",
"name": "scroll-margin",
"slug": "CSS/scroll-margin",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin",
"summary": "The scroll-margin shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin property does for margins of an element.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": [
{
"version_added": "90"
},
{
"version_added": "68",
"version_removed": "90",
"partial_implementation": true,
"notes": "The scroll-margin property can cause an element's visibility to be incorrectly calculated for element.focus(). See bug 1708303."
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin",
"partial_implementation": true,
"notes": "Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"safari_ios": [
{
"version_added": "14.5"
},
{
"version_added": "11",
"alternative_name": "scroll-snap-margin",
"partial_implementation": true,
"notes": "Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265."
}
],
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-margin"
}
],
"padding-longhands-logical": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-block-end.json",
"name": "scroll-padding-block-end",
"slug": "CSS/scroll-padding-block-end",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-block-end",
"summary": "The scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-block-end"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-block-start.json",
"name": "scroll-padding-block-start",
"slug": "CSS/scroll-padding-block-start",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-block-start",
"summary": "The scroll-padding-block-start property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-block-start"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-inline-end.json",
"name": "scroll-padding-inline-end",
"slug": "CSS/scroll-padding-inline-end",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-end",
"summary": "The scroll-padding-inline-end property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-inline-end"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-inline-start.json",
"name": "scroll-padding-inline-start",
"slug": "CSS/scroll-padding-inline-start",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-start",
"summary": "The scroll-padding-inline-start property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-inline-start"
}
],
"propdef-scroll-padding-block": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-block.json",
"name": "scroll-padding-block",
"slug": "CSS/scroll-padding-block",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-block",
"summary": "The scroll-padding-block shorthand property sets the scroll padding of an element in the block dimension.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-block"
}
],
"padding-longhands-physical": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-bottom.json",
"name": "scroll-padding-bottom",
"slug": "CSS/scroll-padding-bottom",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-bottom",
"summary": "The scroll-padding-bottom property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"version_removed": "14.1",
"partial_implementation": true,
"notes": "Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379."
}
],
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-bottom"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-left.json",
"name": "scroll-padding-left",
"slug": "CSS/scroll-padding-left",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-left",
"summary": "The scroll-padding-left property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"version_removed": "14.1",
"partial_implementation": true,
"notes": "Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379."
}
],
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-left"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-right.json",
"name": "scroll-padding-right",
"slug": "CSS/scroll-padding-right",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-right",
"summary": "The scroll-padding-right property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"version_removed": "14.1",
"partial_implementation": true,
"notes": "Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379."
}
],
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-right"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-top.json",
"name": "scroll-padding-top",
"slug": "CSS/scroll-padding-top",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top",
"summary": "The scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"version_removed": "14.1",
"partial_implementation": true,
"notes": "Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379."
}
],
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-top"
}
],
"propdef-scroll-padding-inline": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding-inline.json",
"name": "scroll-padding-inline",
"slug": "CSS/scroll-padding-inline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline",
"summary": "The scroll-padding-inline shorthand property sets the scroll padding of an element in the inline dimension.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding-inline"
}
],
"scroll-padding": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-padding.json",
"name": "scroll-padding",
"slug": "CSS/scroll-padding",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding",
"summary": "The scroll-padding shorthand property sets scroll padding on all sides of an element at once, much like the padding property does for padding on an element.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "14.1"
},
{
"version_added": "11",
"version_removed": "14.1",
"partial_implementation": true,
"notes": "Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379."
}
],
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-padding"
}
],
"scroll-snap-align": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-snap-align.json",
"name": "scroll-snap-align",
"slug": "CSS/scroll-snap-align",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-align",
"summary": "The scroll-snap-align property specifies the box's snap position as an alignment of its snap area (as the alignment subject) within its snap container's snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "68"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "11"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-snap-align"
}
],
"scroll-snap-stop": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-snap-stop.json",
"name": "scroll-snap-stop",
"slug": "CSS/scroll-snap-stop",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-stop",
"summary": "The scroll-snap-stop CSS property defines whether or not the scroll container is allowed to \"pass over\" possible snap positions.",
"support": {
"chrome": {
"version_added": "75"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "103"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-snap-stop"
}
],
"scroll-snap-type": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/scroll-snap-type.json",
"name": "scroll-snap-type",
"slug": "CSS/scroll-snap-type",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type",
"summary": "The scroll-snap-type CSS property sets how strictly snap points are enforced on the scroll container in case there is one.",
"support": {
"chrome": {
"version_added": "69"
},
"chrome_android": "mirror",
"edge": {
"version_added": false
},
"firefox": [
{
"version_added": "99"
},
{
"version_added": "39",
"version_removed": "68",
"notes": "An earlier draft of CSS Scroll Snap without axis values."
},
{
"version_added": "68",
"version_removed": "99",
"partial_implementation": true,
"notes": "On macOS 12, scroll snapping does not complete reliably. See bug 1749352"
}
],
"firefox_android": [
{
"version_added": "68"
},
{
"version_added": "39",
"version_removed": "68",
"notes": "An earlier draft of CSS Scroll Snap without axis values."
}
],
"ie": {
"version_added": "10",
"prefix": "-ms-",
"notes": "Internet Explorer supports an earlier draft of CSS Scroll Snap without axis values."
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "11"
},
{
"version_added": "9",
"prefix": "-webkit-",
"notes": "Older Safari versions support an earlier draft of CSS Scroll Snap without axis values."
}
],
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "scroll-snap-type"
}
]
}