{ "page": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/page.json", "name": "page", "slug": "CSS/@page", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@page", "summary": "The @page at-rule is a CSS at-rule used to modify different aspects of a printed page property. It targets and modifies the page's dimensions, page orientation, and margins. The @page at-rule can be used to target all pages in a print-out, or even specific ones using its various pseudo-classes.", "support": { "chrome": { "version_added": "2" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "19" }, "firefox_android": "mirror", "ie": { "version_added": "8" }, "oculus": "mirror", "opera": { "version_added": "6" }, "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "@page" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/page-break-after.json", "name": "page-break-after", "slug": "CSS/page-break-after", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-after", "summary": "The page-break-after CSS property adjusts page breaks after the current element.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "The values avoid, left, and right are unsupported." }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "7" }, "opera_android": "mirror", "safari": { "version_added": "1.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "page-break-after" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/page-break-before.json", "name": "page-break-before", "slug": "CSS/page-break-before", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-before", "summary": "The page-break-before CSS property adjusts page breaks before the current element.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "The values avoid, left, and right are unsupported." }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "7" }, "opera_android": "mirror", "safari": { "version_added": "1.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "page-break-before" } ], "dimension-properties": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/block-size.json", "name": "block-size", "slug": "CSS/block-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/block-size", "summary": "The block-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending on the value of writing-mode.", "support": { "chrome": { "version_added": "57" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": { "version_added": "5.0" }, "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "block-size" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inline-size.json", "name": "inline-size", "slug": "CSS/inline-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inline-size", "summary": "The inline-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending on the value of writing-mode.", "support": { "chrome": { "version_added": "57" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": { "version_added": "5.0" }, "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "inline-size" } ], "propdef-border-block-color": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-color.json", "name": "border-block-color", "slug": "CSS/border-block-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-color", "summary": "The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-block-color" } ], "border-color": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-end-color.json", "name": "border-block-end-color", "slug": "CSS/border-block-end-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-color", "summary": "The border-block-end-color CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-end-color" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-start-color.json", "name": "border-block-start-color", "slug": "CSS/border-block-start-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-color", "summary": "The border-block-start-color CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-start-color" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-end-color.json", "name": "border-inline-end-color", "slug": "CSS/border-inline-end-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color", "summary": "The border-inline-end-color CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-border-end-color" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-end-color" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-start-color.json", "name": "border-inline-start-color", "slug": "CSS/border-inline-start-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color", "summary": "The border-inline-start-color CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-border-start-color" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-start-color" } ], "border-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-end-style.json", "name": "border-block-end-style", "slug": "CSS/border-block-end-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-style", "summary": "The border-block-end-style CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-end-style" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-start-style.json", "name": "border-block-start-style", "slug": "CSS/border-block-start-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-style", "summary": "The border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-start-style" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-end-style.json", "name": "border-inline-end-style", "slug": "CSS/border-inline-end-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-style", "summary": "The border-inline-end-style CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-border-end-style" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-end-style" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-start-style.json", "name": "border-inline-start-style", "slug": "CSS/border-inline-start-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style", "summary": "The border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-border-start-style" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-start-style" } ], "border-width": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-end-width.json", "name": "border-block-end-width", "slug": "CSS/border-block-end-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-width", "summary": "The border-block-end-width CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-end-width" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-start-width.json", "name": "border-block-start-width", "slug": "CSS/border-block-start-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-width", "summary": "The border-block-start-width CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-start-width" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-end-width.json", "name": "border-inline-end-width", "slug": "CSS/border-inline-end-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-width", "summary": "The border-inline-end-width CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-border-end-width" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-end-width" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-start-width.json", "name": "border-inline-start-width", "slug": "CSS/border-inline-start-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-width", "summary": "The border-inline-start-width CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-start-width" } ], "border-shorthands": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-end.json", "name": "border-block-end", "slug": "CSS/border-block-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end", "summary": "The border-block-end CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-start.json", "name": "border-block-start", "slug": "CSS/border-block-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start", "summary": "The border-block-start CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-block-start" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-end.json", "name": "border-inline-end", "slug": "CSS/border-inline-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end", "summary": "The border-inline-end CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-start.json", "name": "border-inline-start", "slug": "CSS/border-inline-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start", "summary": "The border-inline-start CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-inline-start" } ], "propdef-border-block-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-style.json", "name": "border-block-style", "slug": "CSS/border-block-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-style", "summary": "The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-block-style" } ], "propdef-border-block-width": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block-width.json", "name": "border-block-width", "slug": "CSS/border-block-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-width", "summary": "The border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-block-width" } ], "propdef-border-block": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-block.json", "name": "border-block", "slug": "CSS/border-block", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-block", "summary": "The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-block" } ], "logical-shorthand-keyword": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-color.json", "name": "border-color", "slug": "CSS/border-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-color", "summary": "The border-color shorthand CSS property sets the color of an element's border.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Firefox also supports the following non-standard CSS properties to set the border sides to multiple colors: -moz-border-top-colors, -moz-border-right-colors, -moz-border-bottom-colors, -moz-border-left-colors" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "4" }, "edge_blink": { "version_added": "79" } }, "title": "border-color" } ], "border-radius-properties": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-end-end-radius.json", "name": "border-end-end-radius", "slug": "CSS/border-end-end-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-end-end-radius", "summary": "The border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.", "support": { "chrome": { "version_added": "89" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "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": "89" } }, "title": "border-end-end-radius" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-end-start-radius.json", "name": "border-end-start-radius", "slug": "CSS/border-end-start-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-end-start-radius", "summary": "The border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.", "support": { "chrome": { "version_added": "89" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "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": "89" } }, "title": "border-end-start-radius" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-start-end-radius.json", "name": "border-start-end-radius", "slug": "CSS/border-start-end-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-start-end-radius", "summary": "The border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.", "support": { "chrome": { "version_added": "89" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "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": "89" } }, "title": "border-start-end-radius" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-start-start-radius.json", "name": "border-start-start-radius", "slug": "CSS/border-start-start-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-start-start-radius", "summary": "The border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.", "support": { "chrome": { "version_added": "89" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "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": "89" } }, "title": "border-start-start-radius" } ], "propdef-border-inline-color": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-color.json", "name": "border-inline-color", "slug": "CSS/border-inline-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-color", "summary": "The border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-inline-color" } ], "propdef-border-inline-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-style.json", "name": "border-inline-style", "slug": "CSS/border-inline-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-style", "summary": "The border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-inline-style" } ], "propdef-border-inline-width": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline-width.json", "name": "border-inline-width", "slug": "CSS/border-inline-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-width", "summary": "The border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-inline-width" } ], "propdef-border-inline": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-inline.json", "name": "border-inline", "slug": "CSS/border-inline", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline", "summary": "The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "border-inline" } ], "caption-side": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/caption-side.json", "name": "caption-side", "slug": "CSS/caption-side", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/caption-side", "summary": "The caption-side CSS property puts the content of a table's on the specified side. The values are relative to the writing-mode of the table.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "8" }, "oculus": "mirror", "opera": { "version_added": "4" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "caption-side" } ], "float-clear": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/clear.json", "name": "clear", "slug": "CSS/clear", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/clear", "summary": "The clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "clear" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/float.json", "name": "float", "slug": "CSS/float", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/float", "summary": "The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning).", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "7" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "float" } ], "position-properties": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inset-block-end.json", "name": "inset-block-end", "slug": "CSS/inset-block-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-end", "summary": "The inset-block-end CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "63" }, { "alternative_name": "offset-block-end", "version_added": "41", "version_removed": "63" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "inset-block-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inset-block-start.json", "name": "inset-block-start", "slug": "CSS/inset-block-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-start", "summary": "The inset-block-start CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "63" }, { "alternative_name": "offset-block-start", "version_added": "41", "version_removed": "63" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "inset-block-start" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inset-inline-end.json", "name": "inset-inline-end", "slug": "CSS/inset-inline-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-end", "summary": "The inset-inline-end CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "63" }, { "alternative_name": "offset-inline-end", "version_added": "41", "version_removed": "63" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "inset-inline-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inset-inline-start.json", "name": "inset-inline-start", "slug": "CSS/inset-inline-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-start", "summary": "The inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "63" }, { "alternative_name": "offset-inline-start", "version_added": "41", "version_removed": "63" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "inset-inline-start" } ], "propdef-inset-block": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inset-block.json", "name": "inset-block", "slug": "CSS/inset-block", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block", "summary": "The inset-block CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "63" }, { "alternative_name": "offset-block", "version_added": "41", "version_removed": "63" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "inset-block" } ], "propdef-inset-inline": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inset-inline.json", "name": "inset-inline", "slug": "CSS/inset-inline", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline", "summary": "The inset-inline CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "63" }, { "alternative_name": "offset-inline", "version_added": "41", "version_removed": "63" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "inset-inline" } ], "propdef-inset": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/inset.json", "name": "inset", "slug": "CSS/inset", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/inset", "summary": "The inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the same multi-value syntax of the margin shorthand.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "inset" } ], "margin-properties": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/margin-block-end.json", "name": "margin-block-end", "slug": "CSS/margin-block-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end", "summary": "The margin-block-end CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "margin-block-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/margin-block-start.json", "name": "margin-block-start", "slug": "CSS/margin-block-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start", "summary": "The margin-block-start CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "margin-block-start" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/margin-inline-end.json", "name": "margin-inline-end", "slug": "CSS/margin-inline-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end", "summary": "The margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top, margin-right, margin-bottom or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": [ { "version_added": "69" }, { "version_added": "2", "alternative_name": "-webkit-margin-end" } ], "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-margin-end" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "12.1" }, { "version_added": "3", "alternative_name": "-webkit-margin-end" } ], "safari_ios": [ { "version_added": "12.2" }, { "version_added": "3", "alternative_name": "-webkit-margin-end" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "87" }, { "version_added": "2", "alternative_name": "-webkit-margin-end" } ], "edge_blink": [ { "version_added": "79" }, { "version_added": "79", "alternative_name": "-webkit-margin-end" } ] }, "title": "margin-inline-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/margin-inline-start.json", "name": "margin-inline-start", "slug": "CSS/margin-inline-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start", "summary": "The margin-inline-start CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.", "support": { "chrome": [ { "version_added": "69" }, { "version_added": "2", "alternative_name": "-webkit-margin-start" } ], "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-margin-start" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "12.1" }, { "version_added": "3", "alternative_name": "-webkit-margin-start" } ], "safari_ios": [ { "version_added": "12.2" }, { "version_added": "3", "alternative_name": "-webkit-margin-start" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "87" }, { "version_added": "2", "alternative_name": "-webkit-margin-start" } ], "edge_blink": [ { "version_added": "79" }, { "version_added": "79", "alternative_name": "-webkit-margin-start" } ] }, "title": "margin-inline-start" } ], "propdef-margin-block": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/margin-block.json", "name": "margin-block", "slug": "CSS/margin-block", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block", "summary": "The margin-block CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "margin-block" } ], "propdef-margin-inline": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/margin-inline.json", "name": "margin-inline", "slug": "CSS/margin-inline", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline", "summary": "The margin-inline CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "margin-inline" } ], "propdef-max-block-size": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/max-block-size.json", "name": "max-block-size", "slug": "CSS/max-block-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/max-block-size", "summary": "The max-block-size CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by writing-mode. That is, if the writing direction is horizontal, then max-block-size is equivalent to max-height; if the writing direction is vertical, max-block-size is the same as max-width.", "support": { "chrome": { "version_added": "57" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": { "version_added": "5.0" }, "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "max-block-size" } ], "propdef-max-inline-size": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/max-inline-size.json", "name": "max-inline-size", "slug": "CSS/max-inline-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/max-inline-size", "summary": "The max-inline-size CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width or the max-height property, depending on the value of writing-mode.", "support": { "chrome": { "version_added": "57" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "12.1" }, { "prefix": "-webkit-", "version_added": "10.1" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "max-inline-size" } ], "propdef-min-block-size": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/min-block-size.json", "name": "min-block-size", "slug": "CSS/min-block-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/min-block-size", "summary": "The min-block-size CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-height property, depending on the value of writing-mode.", "support": { "chrome": { "version_added": "57" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "min-block-size" } ], "propdef-min-inline-size": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/min-inline-size.json", "name": "min-inline-size", "slug": "CSS/min-inline-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/min-inline-size", "summary": "The min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-height property, depending on the value of writing-mode.", "support": { "chrome": { "version_added": "57" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "min-inline-size" } ], "padding-properties": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/padding-block-end.json", "name": "padding-block-end", "slug": "CSS/padding-block-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-end", "summary": "The padding-block-end CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "padding-block-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/padding-block-start.json", "name": "padding-block-start", "slug": "CSS/padding-block-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start", "summary": "The padding-block-start CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "69" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "41" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "padding-block-start" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/padding-inline-end.json", "name": "padding-inline-end", "slug": "CSS/padding-inline-end", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end", "summary": "The padding-inline-end CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": [ { "version_added": "69" }, { "version_added": "2", "alternative_name": "-webkit-padding-end" } ], "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-padding-end" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "12.1" }, { "version_added": "3", "alternative_name": "-webkit-padding-end" } ], "safari_ios": [ { "version_added": "12.2" }, { "version_added": "3", "alternative_name": "-webkit-padding-end" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "87" }, { "version_added": "2", "alternative_name": "-webkit-padding-end" } ], "edge_blink": [ { "version_added": "79" }, { "version_added": "79", "alternative_name": "-webkit-padding-end" } ] }, "title": "padding-inline-end" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/padding-inline-start.json", "name": "padding-inline-start", "slug": "CSS/padding-inline-start", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start", "summary": "The padding-inline-start CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": [ { "version_added": "69" }, { "version_added": "2", "alternative_name": "-webkit-padding-start" } ], "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "41" }, { "version_added": "3", "alternative_name": "-moz-padding-start" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "12.1" }, { "version_added": "3", "alternative_name": "-webkit-padding-start" } ], "safari_ios": [ { "version_added": "12.2" }, { "version_added": "3", "alternative_name": "-webkit-padding-start" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "87" }, { "version_added": "2", "alternative_name": "-webkit-padding-start" } ], "edge_blink": [ { "version_added": "79" }, { "version_added": "79", "alternative_name": "-webkit-padding-start" } ] }, "title": "padding-inline-start" } ], "propdef-padding-block": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/padding-block.json", "name": "padding-block", "slug": "CSS/padding-block", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block", "summary": "The padding-block CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "padding-block" } ], "propdef-padding-inline": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/padding-inline.json", "name": "padding-inline", "slug": "CSS/padding-inline", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline", "summary": "The padding-inline CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "66" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "14.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "padding-inline" } ], "text-align": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/text-align.json", "name": "text-align", "slug": "CSS/text-align", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-align", "summary": "The text-align CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box. This means it works like vertical-align but in the horizontal direction.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "text-align" } ] }