{ "the-background-attachment": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-attachment.json", "name": "background-attachment", "slug": "CSS/background-attachment", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment", "summary": "The background-attachment CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.", "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": { "version_added": "3.2" }, "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "caniuse": { "feature": "background-attachment", "title": "CSS background-attachment" }, "title": "background-attachment" } ], "background-clip": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-clip.json", "name": "background-clip", "slug": "CSS/background-clip", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip", "summary": "The background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box.", "support": { "chrome": [ { "version_added": "1" }, { "version_added": "1", "prefix": "-webkit-", "notes": "Chrome accepts alternate synonyms to its values: padding, border, and content." } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4" }, { "version_added": "49", "prefix": "-webkit-" }, { "version_added": "1", "version_removed": "4", "partial_implementation": true, "prefix": "-moz-", "notes": "Used the -moz-background-clip: padding | border syntax." } ], "firefox_android": [ { "version_added": "14" }, { "version_added": "49", "prefix": "-webkit-" } ], "ie": { "version_added": "9", "notes": "In IE 7 and IE 8 of Internet Explorer, this property always behaved like background-clip: padding when overflow was hidden, auto, or scroll." }, "oculus": "mirror", "opera": [ { "version_added": "10.5" }, { "version_added": "15", "prefix": "-webkit-", "notes": "Opera accepts alternate synonyms to its values: padding, border, and content." } ], "opera_android": [ { "version_added": "11" }, { "version_added": "14", "prefix": "-webkit-", "notes": "Opera accepts alternate synonyms to its values: padding, border, and content." } ], "safari": [ { "version_added": "5" }, { "version_added": "3", "prefix": "-webkit-", "notes": "Safari accepts alternate synonyms to its values: padding, border, and content." } ], "safari_ios": [ { "version_added": "5" }, { "version_added": "1", "prefix": "-webkit-", "notes": "Safari accepts alternate synonyms to its values: padding, border, and content." } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "4" }, { "version_added": "37", "prefix": "-webkit-", "notes": "WebView accepts alternate synonyms to its values: padding, border, and content." } ], "edge_blink": [ { "version_added": "79" }, { "version_added": "79", "prefix": "-webkit-", "notes": "Chrome accepts alternate synonyms to its values: padding, border, and content." } ] }, "title": "background-clip" } ], "background-color": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-color.json", "name": "background-color", "slug": "CSS/background-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-color", "summary": "The background-color CSS property sets the background color of an element.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "4", "notes": "In Internet Explorer 8 and 9, there is a bug where a computed background-color of transparent causes click events to not get fired on overlaid elements." }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "background-color" } ], "background-image": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-image.json", "name": "background-image", "slug": "CSS/background-image", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-image", "summary": "The background-image CSS property sets one or more background images on an element.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "If the browser.display.use_document_colors user preference in about:config is set to false, background images will not be displayed." }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "caniuse": { "feature": "svg-css", "title": "SVG in CSS backgrounds" }, "title": "background-image" } ], "the-background-origin": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-origin.json", "name": "background-origin", "slug": "CSS/background-origin", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin", "summary": "The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding.", "support": { "chrome": [ { "version_added": "1" }, { "version_added": "1", "prefix": "-webkit-", "notes": "Chrome accepts alternate synonyms to its values: padding, border, and content." } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4" }, { "version_added": "49", "prefix": "-webkit-" }, { "version_added": "1", "version_removed": "4", "partial_implementation": true, "prefix": "-moz-", "notes": "Used the -moz-background-clip: padding | border syntax." } ], "firefox_android": [ { "version_added": "14" }, { "version_added": "49", "prefix": "-webkit-" } ], "ie": { "version_added": "9", "notes": "In IE 7 and before, Internet explorer was behaving as if background-origin: border-box was set. In Internet Explorer 8, as if background-origin: padding-box, the regular default value, was set." }, "oculus": "mirror", "opera": [ { "version_added": "10.5" }, { "version_added": "15", "prefix": "-webkit-", "notes": "Opera accepts alternate synonyms to its values: padding, border, and content." } ], "opera_android": [ { "version_added": "11" }, { "version_added": "14", "prefix": "-webkit-", "notes": "Opera accepts alternate synonyms to its values: padding, border, and content." } ], "safari": [ { "version_added": "3" }, { "version_added": "3", "prefix": "-webkit-", "notes": "Webkit accepts alternate synonyms to its values: padding, border, and content." } ], "safari_ios": [ { "version_added": "1" }, { "version_added": "1", "prefix": "-webkit-", "notes": "Webkit accepts alternate synonyms to its values: padding, border, and content." } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "4" }, { "version_added": "4", "prefix": "-webkit-", "notes": "WebView accepts alternate synonyms to its values: padding, border, and content." } ], "edge_blink": [ { "version_added": "79" }, { "version_added": "79", "prefix": "-webkit-", "notes": "Chrome accepts alternate synonyms to its values: padding, border, and content." } ] }, "title": "background-origin" } ], "background-position": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-position.json", "name": "background-position", "slug": "CSS/background-position", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-position", "summary": "The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.", "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": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "caniuse": { "feature": "css-background-offsets", "title": "CSS background-position edge offsets" }, "title": "background-position" } ], "the-background-repeat": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-repeat.json", "name": "background-repeat", "slug": "CSS/background-repeat", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat", "summary": "The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.", "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" } }, "caniuse": { "feature": "background-repeat-round-space", "title": "CSS background-repeat round and space" }, "title": "background-repeat" } ], "the-background-size": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background-size.json", "name": "background-size", "slug": "CSS/background-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-size", "summary": "The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.", "support": { "chrome": [ { "version_added": "3" }, { "version_added": "1", "prefix": "-webkit-", "notes": "WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords." } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4" }, { "version_added": "49", "prefix": "-webkit-" }, { "prefix": "-moz-", "version_added": "3.6", "version_removed": "4" } ], "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": [ { "version_added": "10" }, { "version_added": "15", "prefix": "-webkit-", "notes": "WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords." }, { "version_added": "9.5", "version_removed": "15", "prefix": "-o-", "notes": "Opera 9.5's computation of the background positioning area is incorrect for fixed backgrounds. Opera 9.5 also interprets the two-value form as a horizontal scaling factor and, from appearances, a vertical clipping dimension. This has been fixed in Opera 10." } ], "opera_android": [ { "version_added": "10.1" }, { "version_added": "14", "prefix": "-webkit-", "notes": "WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords." }, { "version_added": "10.1", "version_removed": "14", "prefix": "-o-", "notes": "Opera 9.5's computation of the background positioning area is incorrect for fixed backgrounds. Opera 9.5 also interprets the two-value form as a horizontal scaling factor and, from appearances, a vertical clipping dimension. This has been fixed in Opera 10." } ], "safari": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "3", "notes": "WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords." } ], "safari_ios": [ { "version_added": "4.2" }, { "prefix": "-webkit-", "version_added": "1", "notes": "WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords." } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "2.2" }, { "version_added": "37", "prefix": "-webkit-", "notes": "WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords." } ], "edge_blink": [ { "version_added": "79" }, { "version_added": "79", "prefix": "-webkit-", "notes": "WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords." } ] }, "title": "background-size" } ], "the-background": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/background.json", "name": "background", "slug": "CSS/background", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background", "summary": "The background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method. Component properties not set in the background shorthand property value declaration are set to their default values.", "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": { "version_added": "2" }, "edge_blink": { "version_added": "79" } }, "title": "background" } ], "border-color": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-bottom-color.json", "name": "border-bottom-color", "slug": "CSS/border-bottom-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color", "summary": "The border-bottom-color CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color or border-bottom.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Firefox also supports the non-standard -moz-border-bottom-colors CSS property that sets the bottom border to multiple 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": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-bottom-color" }, { "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" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-left-color.json", "name": "border-left-color", "slug": "CSS/border-left-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color", "summary": "The border-left-color CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties border-color or border-left.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Firefox also supports the non-standard -moz-border-left-colors CSS property that sets the bottom border to multiple 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": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-left-color" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-right-color.json", "name": "border-right-color", "slug": "CSS/border-right-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color", "summary": "The border-right-color CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties border-color or border-right.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Firefox also supports the non-standard -moz-border-right-colors CSS property that sets the right border to multiple 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": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-right-color" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-top-color.json", "name": "border-top-color", "slug": "CSS/border-top-color", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color", "summary": "The border-top-color CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color or border-top.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Firefox also supports the non-standard -moz-border-top-colors CSS property that sets the top border to multiple 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": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-top-color" } ], "border-radius": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-bottom-left-radius.json", "name": "border-bottom-left-radius", "slug": "CSS/border-bottom-left-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius", "summary": "The border-bottom-left-radius CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.", "support": { "chrome": [ { "version_added": "4" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4", "notes": "Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-webkit-", "version_added": "49" }, { "alternative_name": "-moz-border-radius-bottomleft", "version_added": "1", "version_removed": "12" } ], "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": [ { "version_added": "10.5" }, { "prefix": "-webkit-", "version_added": "15" } ], "opera_android": [ { "version_added": "11" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "4.2" }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "37" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "border-bottom-left-radius" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-bottom-right-radius.json", "name": "border-bottom-right-radius", "slug": "CSS/border-bottom-right-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius", "summary": "The border-bottom-right-radius CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.", "support": { "chrome": [ { "version_added": "4" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4", "notes": "Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-webkit-", "version_added": "49" }, { "alternative_name": "-moz-border-radius-bottomright", "version_added": "1", "version_removed": "12" } ], "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": [ { "version_added": "10.5" }, { "prefix": "-webkit-", "version_added": "15" } ], "opera_android": [ { "version_added": "11" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "4.2" }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "37" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "border-bottom-right-radius" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-radius.json", "name": "border-radius", "slug": "CSS/border-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius", "summary": "The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.", "support": { "chrome": [ { "version_added": "4", "notes": "Chrome ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4", "notes": [ "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-style was solid. This has been fixed in Firefox 50.", "To conform to the CSS3 standard, Firefox 4 changes the handling of <percentage> values to match the specification. You can specify an ellipse as a border on an arbitrary sized element with border-radius: 50%;. Firefox 4 also makes rounded corners clip content and images if overflow: visible is not set." ] }, { "prefix": "-moz-", "version_added": "1", "version_removed": "12" } ], "firefox_android": [ { "version_added": "4", "notes": "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-moz-", "version_added": "4", "version_removed": "14" } ], "ie": { "version_added": "9" }, "oculus": "mirror", "opera": { "version_added": "10.5", "notes": "Before Opera 11.60, replaced elements with border-radius do not have rounded corners." }, "opera_android": { "version_added": "11" }, "safari": [ { "version_added": "5", "notes": "Safari ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "4.2", "notes": "Safari ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "37" }, { "version_added": "2", "prefix": "-webkit-" } ], "edge_blink": [ { "version_added": "79", "notes": "Chrome ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "border-radius" } ], "border-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-bottom-style.json", "name": "border-bottom-style", "slug": "CSS/border-bottom-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style", "summary": "The border-bottom-style CSS property sets the line style of an element's bottom border.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50." }, "firefox_android": "mirror", "ie": { "version_added": "5.5" }, "oculus": "mirror", "opera": { "version_added": "9.2" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "border-bottom-style" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-style.json", "name": "border-style", "slug": "CSS/border-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-style", "summary": "The border-style shorthand CSS property sets the line style for all four sides of an element's border.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": { "version_added": "3" }, "samsunginternet_android": "mirror", "webview_android": { "version_added": "3" }, "edge_blink": { "version_added": "79" } }, "title": "border-style" } ], "the-border-width": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-bottom-width.json", "name": "border-bottom-width", "slug": "CSS/border-bottom-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width", "summary": "The border-bottom-width CSS property sets the width of the bottom border of an element.", "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": { "version_added": "2.2" }, "edge_blink": { "version_added": "79" } }, "title": "border-bottom-width" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-left-width.json", "name": "border-left-width", "slug": "CSS/border-left-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width", "summary": "The border-left-width CSS property sets the width of the left border of an element.", "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": { "version_added": "2.2" }, "edge_blink": { "version_added": "79" } }, "title": "border-left-width" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-right-width.json", "name": "border-right-width", "slug": "CSS/border-right-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width", "summary": "The border-right-width CSS property sets the width of the right border of an element.", "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": { "version_added": "2.2" }, "edge_blink": { "version_added": "79" } }, "title": "border-right-width" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-top-width.json", "name": "border-top-width", "slug": "CSS/border-top-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width", "summary": "The border-top-width CSS property sets the width of the top border of an element.", "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": { "version_added": "2.2" }, "edge_blink": { "version_added": "79" } }, "title": "border-top-width" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-width.json", "name": "border-width", "slug": "CSS/border-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-width", "summary": "The border-width shorthand CSS property sets the width of an element's border.", "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": { "version_added": "3" }, "samsunginternet_android": "mirror", "webview_android": { "version_added": "2" }, "edge_blink": { "version_added": "79" } }, "title": "border-width" } ], "border-shorthands": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-bottom.json", "name": "border-bottom", "slug": "CSS/border-bottom", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom", "summary": "The border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width, border-bottom-style and border-bottom-color.", "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": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-bottom" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-left.json", "name": "border-left", "slug": "CSS/border-left", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left", "summary": "The border-left shorthand CSS property sets all the properties of an element's left border.", "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": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-left" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-right.json", "name": "border-right", "slug": "CSS/border-right", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right", "summary": "The border-right shorthand CSS property sets all the properties of an element's right border.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": { "version_added": "14" }, "ie": { "version_added": "5.5" }, "oculus": "mirror", "opera": { "version_added": "9.2" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "border-right" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-top.json", "name": "border-top", "slug": "CSS/border-top", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top", "summary": "The border-top shorthand CSS property sets all the properties of an element's top border.", "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": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-top" } ], "the-border-image-outset": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-image-outset.json", "name": "border-image-outset", "slug": "CSS/border-image-outset", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset", "summary": "The border-image-outset CSS property sets the distance by which an element's border image is set out from its border box.", "support": { "chrome": { "version_added": "15" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "15" }, "firefox_android": "mirror", "ie": { "version_added": "11" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "6" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-image-outset" } ], "the-border-image-repeat": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-image-repeat.json", "name": "border-image-repeat", "slug": "CSS/border-image-repeat", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-repeat", "summary": "The border-image-repeat CSS property defines how the edge regions and middle region of a source image are adjusted to fit the dimensions of an element's border image. The middle region can be displayed by using the keyword \"fill\" in the border-image-slice property.", "support": { "chrome": { "version_added": "15" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "15" }, "firefox_android": "mirror", "ie": { "version_added": "11" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "6" }, "safari_ios": { "version_added": "9.3" }, "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-image-repeat" } ], "the-border-image-slice": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-image-slice.json", "name": "border-image-slice", "slug": "CSS/border-image-slice", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice", "summary": "The border-image-slice CSS property divides the image specified by border-image-source into regions. These regions form the components of an element's border image.", "support": { "chrome": { "version_added": "15" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "15", "notes": [ "Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).", "Until Firefox 47, SVGs without viewport were not sliced correctly (bug 619500).", "From Firefox 48 until Firefox 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).", "Until Firefox 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782)." ] }, "firefox_android": "mirror", "ie": { "version_added": "11" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "6" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "4.4" }, { "prefix": "-webkit-", "version_added": "4" } ], "edge_blink": { "version_added": "79" } }, "title": "border-image-slice" } ], "the-border-image-source": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-image-source.json", "name": "border-image-source", "slug": "CSS/border-image-source", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-source", "summary": "The border-image-source CSS property sets the source image used to create an element's border image.", "support": { "chrome": { "version_added": "15" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "15" }, "firefox_android": "mirror", "ie": { "version_added": "11" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "6" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "border-image-source" } ], "the-border-image-width": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-image-width.json", "name": "border-image-width", "slug": "CSS/border-image-width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width", "summary": "The border-image-width CSS property sets the width of an element's border image.", "support": { "chrome": { "version_added": "15", "notes": "Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352)." }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "13" }, "firefox_android": "mirror", "ie": { "version_added": "11" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "6" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79", "notes": "Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352)." } }, "title": "border-image-width" } ], "the-border-image": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-image.json", "name": "border-image", "slug": "CSS/border-image", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-image", "summary": "The border-image CSS property draws an image around a given element. It replaces the element's regular border.", "support": { "chrome": [ { "version_added": "16", "notes": "Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352)." }, { "prefix": "-webkit-", "version_added": "7" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "15", "notes": [ "Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).", "Until Firefox 47, SVGs without viewport were not sliced correctly (bug 619500).", "From Firefox 48 until Firefox 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).", "Until Firefox 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782)." ] }, { "version_added": "3.5", "prefix": "-moz-", "notes": "Before Firefox 15, an earlier version of the specification was implemented, prefixed." } ], "firefox_android": "mirror", "ie": { "version_added": "11" }, "oculus": "mirror", "opera": [ { "version_added": "11", "notes": "Before Opera 98, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352)." }, { "version_added": "10.5", "version_removed": "15", "prefix": "-o-" } ], "opera_android": [ { "version_added": "11", "notes": "A border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352)." }, { "version_added": "11", "version_removed": "14", "prefix": "-o-" } ], "safari": [ { "version_added": "6" }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "6" }, { "prefix": "-webkit-", "version_added": "3.2" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "4.4", "notes": "Before WebView 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352)." }, { "prefix": "-webkit-", "version_added": "2" } ], "edge_blink": [ { "version_added": "79", "notes": "Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352)." }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "border-image" } ], "the-border-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-left-style.json", "name": "border-left-style", "slug": "CSS/border-left-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style", "summary": "The border-left-style CSS property sets the line style of an element's left border.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50." }, "firefox_android": { "version_added": "14", "notes": "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50." }, "ie": { "version_added": "5.5" }, "oculus": "mirror", "opera": { "version_added": "9.2" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "2.2" }, "edge_blink": { "version_added": "79" } }, "title": "border-left-style" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-right-style.json", "name": "border-right-style", "slug": "CSS/border-right-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style", "summary": "The border-right-style CSS property sets the line style of an element's right border.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50." }, "firefox_android": { "version_added": "14", "notes": "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-bottom-style was solid. This has been fixed in Firefox 50." }, "ie": { "version_added": "5.5" }, "oculus": "mirror", "opera": { "version_added": "9.2" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "border-right-style" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-top-style.json", "name": "border-top-style", "slug": "CSS/border-top-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style", "summary": "The border-top-style CSS property sets the line style of an element's top border.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Before Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-top-style was solid. This has been fixed in Firefox 50." }, "firefox_android": "mirror", "ie": { "version_added": "5.5" }, "oculus": "mirror", "opera": { "version_added": "9.2" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "border-top-style" } ], "the-border-radius": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-top-left-radius.json", "name": "border-top-left-radius", "slug": "CSS/border-top-left-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius", "summary": "The border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.", "support": { "chrome": [ { "version_added": "4" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4", "notes": "Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-webkit-", "version_added": "49" }, { "alternative_name": "-moz-border-radius-topleft", "version_added": "1", "version_removed": "12" } ], "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": [ { "version_added": "10.5" }, { "prefix": "-webkit-", "version_added": "15" } ], "opera_android": [ { "version_added": "11" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "4.2" }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "37" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "caniuse": { "feature": "border-radius", "title": "CSS3 Border-radius (rounded corners)" }, "title": "border-top-left-radius" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border-top-right-radius.json", "name": "border-top-right-radius", "slug": "CSS/border-top-right-radius", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius", "summary": "The border-top-right-radius CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.", "support": { "chrome": [ { "version_added": "4" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4", "notes": "Before Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-webkit-", "version_added": "49" }, { "alternative_name": "-moz-border-radius-topright", "version_added": "1", "version_removed": "12" } ], "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": [ { "version_added": "10.5" }, { "prefix": "-webkit-", "version_added": "15" } ], "opera_android": [ { "version_added": "11" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "4.2" }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "37" }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "caniuse": { "feature": "border-radius", "title": "CSS3 Border-radius (rounded corners)" }, "title": "border-top-right-radius" } ], "propdef-border": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/border.json", "name": "border", "slug": "CSS/border", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border", "summary": "The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.", "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": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "border" } ], "box-shadow": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/box-shadow.json", "name": "box-shadow", "slug": "CSS/box-shadow", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow", "summary": "The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.", "support": { "chrome": [ { "version_added": "10", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-moz-", "version_added": "3.5", "version_removed": "13" } ], "firefox_android": "mirror", "ie": { "version_added": "9", "notes": [ "To use box-shadow in Internet Explorer 9 or later, you must set border-collapse to separate.", "Since version 5.5, Internet Explorer supports Microsoft's DropShadow and Shadow Filter. You can use this proprietary extension to cast a drop shadow (though the syntax and the effect are different from CSS3)" ] }, "oculus": "mirror", "opera": { "version_added": "10.5", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, "opera_android": "mirror", "safari": [ { "version_added": "5.1", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "5", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "37", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "37" } ], "edge_blink": [ { "version_added": "79", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "79" } ] }, "caniuse": { "feature": "css-boxshadow", "title": "CSS3 Box-shadow" }, "title": "box-shadow" } ], "typedef-line-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/types/line-style.json", "name": "line-style", "slug": "CSS/line-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/line-style", "summary": "The enumerated value type represents keyword values that define the style of a line, or the lack of a line. The keyword values are used in the following longhand and shorthand border and column properties:", "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": "mirror", "safari": { "version_added": "1" }, "safari_ios": { "version_added": "3" }, "samsunginternet_android": "mirror", "webview_android": { "version_added": "3" }, "edge_blink": { "version_added": "79" } }, "title": "" } ] }