{
"widget-accent": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/accent-color.json",
"name": "accent-color",
"slug": "CSS/accent-color",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color",
"summary": "The accent-color CSS property sets the accent color for user-interface controls generated by some elements.",
"support": {
"chrome": {
"version_added": "93"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "92"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "15.4"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "93"
}
},
"title": "accent-color"
}
],
"appearance-switching": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/appearance.json",
"name": "appearance",
"slug": "CSS/appearance",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/appearance",
"summary": "The appearance CSS property is used to control native appearance of UI controls, that are based on operating system's theme.",
"support": {
"chrome": [
{
"version_added": "84"
},
{
"version_added": "1",
"prefix": "-webkit-"
}
],
"chrome_android": "mirror",
"edge": {
"version_added": false
},
"firefox": [
{
"version_added": "80"
},
{
"version_added": "64",
"prefix": "-webkit-"
},
{
"version_added": "1",
"prefix": "-moz-"
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "15.4"
},
{
"version_added": "3",
"prefix": "-webkit-"
}
],
"safari_ios": [
{
"version_added": "15.4"
},
{
"version_added": "1",
"prefix": "-webkit-"
}
],
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": [
{
"version_added": "84"
},
{
"version_added": "79",
"prefix": "-webkit-"
}
]
},
"caniuse": {
"feature": "css-appearance",
"title": "CSS Appearance"
},
"title": "appearance"
}
],
"caret-color": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"partial": [
"webkit"
],
"filename": "css/properties/caret-color.json",
"name": "caret-color",
"slug": "CSS/caret-color",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color",
"summary": "The caret-color CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. This is sometimes referred to as the text input cursor. The caret appears in elements such as or those with the contenteditable attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "53"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "11.1"
},
"safari_ios": {
"version_added": "11.3",
"partial_implementation": true,
"notes": "While the property is recognized, implementation is incomplete. The color of the caret does not always match the color set for the element in focus. See bug 177489."
},
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"caniuse": {
"feature": "css-caret-color",
"title": "CSS caret-color"
},
"title": "caret-color"
}
],
"cursor": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/cursor.json",
"name": "cursor",
"slug": "CSS/cursor",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/cursor",
"summary": "The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "1",
"notes": "Starting in Firefox 67, the maximum size allowed for custom cursors is 32x32 pixels due to cursors being misused by certain malicious sites."
},
"firefox_android": {
"version_added": "95"
},
"ie": {
"version_added": "4",
"notes": "In Internet Explorer 11, when cursor is applied to an element and this element is underneath an open <select> menu and the user hovers over a <select> menu item that's on top of said element, the cursor for said element will be displayed rather than the <select>'s normal cursor. See bug 817822."
},
"oculus": "mirror",
"opera": {
"version_added": "7"
},
"opera_android": "mirror",
"safari": {
"version_added": "1.2"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"caniuse": {
"feature": "css3-cursors-newer",
"title": "CSS3 Cursors: zoom-in & zoom-out"
},
"title": "cursor"
},
{
"engines": [],
"filename": "svg/attributes/presentation.json",
"name": "cursor",
"slug": "SVG/Attribute/cursor",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/cursor",
"summary": "SVG Attribute reference home",
"support": {
"chrome": {
"version_added": null
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": null
},
"firefox_android": "mirror",
"ie": {
"version_added": null
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": null
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": null
}
},
"caniuse": {
"feature": "css3-cursors-newer",
"title": "CSS3 Cursors: zoom-in & zoom-out"
},
"title": "cursor"
}
],
"outline-color": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/outline-color.json",
"name": "outline-color",
"slug": "CSS/outline-color",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color",
"summary": "The outline-color CSS property sets the color of an element's outline.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "1.5"
},
{
"prefix": "-moz-",
"version_added": "1",
"version_removed": "3.6"
}
],
"firefox_android": "mirror",
"ie": {
"version_added": "8"
},
"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": "outline-color"
}
],
"outline-offset": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/outline-offset.json",
"name": "outline-offset",
"slug": "CSS/outline-offset",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset",
"summary": "The outline-offset CSS property sets the amount of space between an outline and the edge or border of an element.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "15"
},
"firefox": {
"version_added": "1.5",
"notes": "Before Firefox 88, an outline does not follow the shape of border-radius."
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": {
"version_added": "9.5"
},
"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": "outline-offset"
}
],
"outline-style": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/outline-style.json",
"name": "outline-style",
"slug": "CSS/outline-style",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style",
"summary": "The outline-style CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "1.5",
"notes": "Before Firefox 88, an outline does not follow the shape of border-radius."
},
{
"prefix": "-moz-",
"version_added": "1",
"version_removed": "3.6"
}
],
"firefox_android": "mirror",
"ie": {
"version_added": "8"
},
"oculus": "mirror",
"opera": {
"version_added": "7"
},
"opera_android": {
"version_added": "10.1"
},
"safari": {
"version_added": "1.2"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": {
"version_added": "2"
},
"edge_blink": {
"version_added": "79"
}
},
"title": "outline-style"
}
],
"outline-width": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/outline-width.json",
"name": "outline-width",
"slug": "CSS/outline-width",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width",
"summary": "The CSS outline-width property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "1.5",
"notes": "Before Firefox 88, an outline does not follow the shape of border-radius."
},
{
"prefix": "-moz-",
"version_added": "1",
"version_removed": "3.6"
}
],
"firefox_android": "mirror",
"ie": {
"version_added": "8"
},
"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": "outline-width"
}
],
"outline": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/outline.json",
"name": "outline",
"slug": "CSS/outline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline",
"summary": "The outline CSS shorthand property sets most of the outline properties in a single declaration.",
"support": {
"chrome": [
{
"version_added": "94"
},
{
"version_added": "1",
"version_removed": "94",
"partial_implementation": true,
"notes": "Before Chrome 94, outline does not follow the shape of border-radius."
}
],
"chrome_android": "mirror",
"edge": {
"version_added": false
},
"firefox": [
{
"version_added": "88"
},
{
"version_added": "1.5",
"version_removed": "88",
"partial_implementation": true,
"notes": "Before Firefox 88, outline does not follow the shape of border-radius."
},
{
"prefix": "-moz-",
"version_added": "1",
"version_removed": "3.6"
}
],
"firefox_android": "mirror",
"ie": {
"version_added": "8"
},
"oculus": "mirror",
"opera": [
{
"version_added": "80"
},
{
"version_added": "7",
"version_removed": "80",
"partial_implementation": true,
"notes": "Before Opera 80, outline does not follow the shape of border-radius."
}
],
"opera_android": {
"version_added": "10.1"
},
"safari": [
{
"version_added": "16.4"
},
{
"version_added": "1.2",
"version_removed": "16.4",
"partial_implementation": true,
"notes": "Before Safari 16.4, outline does not follow the shape of border-radius. See bug 20807."
}
],
"safari_ios": "mirror",
"samsunginternet_android": {
"version_added": "1.0"
},
"webview_android": [
{
"version_added": "94"
},
{
"version_added": "1",
"version_removed": "94",
"partial_implementation": true,
"notes": "Before Chrome 94, outline does not follow the shape of border-radius."
}
],
"edge_blink": [
{
"version_added": "94"
},
{
"version_added": false,
"version_removed": "94",
"partial_implementation": true,
"notes": "Before Chrome 94, outline does not follow the shape of border-radius."
}
]
},
"title": "outline"
}
],
"pointer-events-control": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/pointer-events.json",
"name": "pointer-events",
"slug": "CSS/pointer-events",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events",
"summary": "The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "1.5"
},
"firefox_android": "mirror",
"ie": {
"version_added": "11"
},
"oculus": "mirror",
"opera": {
"version_added": "9"
},
"opera_android": "mirror",
"safari": {
"version_added": "4"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": {
"version_added": "2"
},
"edge_blink": {
"version_added": "79"
}
},
"title": "pointer-events"
}
],
"resize": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/resize.json",
"name": "resize",
"slug": "CSS/resize",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/resize",
"summary": "The resize CSS property sets whether an element is resizable, and if so, in which directions.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "4"
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": {
"version_added": "12.1"
},
"opera_android": "mirror",
"safari": {
"version_added": "3"
},
"safari_ios": {
"version_added": "1"
},
"samsunginternet_android": "mirror",
"webview_android": {
"version_added": "37"
},
"edge_blink": {
"version_added": "79"
}
},
"caniuse": {
"feature": "css-resize",
"title": "CSS resize property"
},
"title": "resize"
}
],
"content-selection": [
{
"engines": [
"blink",
"gecko"
],
"prefixed": [
"webkit"
],
"filename": "css/properties/user-select.json",
"name": "user-select",
"slug": "CSS/user-select",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/user-select",
"summary": "The user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.",
"support": {
"chrome": [
{
"version_added": "54"
},
{
"prefix": "-webkit-",
"version_added": "1"
}
],
"chrome_android": "mirror",
"edge": {
"version_added": false
},
"firefox": [
{
"version_added": "69"
},
{
"prefix": "-webkit-",
"version_added": "49"
},
{
"prefix": "-moz-",
"version_added": "1"
}
],
"firefox_android": "mirror",
"ie": {
"prefix": "-ms-",
"version_added": "10"
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": [
{
"version_added": "3",
"prefix": "-webkit-"
},
{
"version_added": "2",
"version_removed": "3",
"prefix": "-khtml-"
}
],
"safari_ios": {
"prefix": "-webkit-",
"version_added": "3"
},
"samsunginternet_android": "mirror",
"webview_android": [
{
"version_added": "54"
},
{
"prefix": "-webkit-",
"version_added": "37"
}
],
"edge_blink": [
{
"version_added": "79"
},
{
"prefix": "-webkit-",
"version_added": "79"
}
]
},
"title": "user-select"
}
]
}