{"id":17344715,"url":"https://github.com/takamoso/canidetect","last_synced_at":"2025-07-13T09:36:20.911Z","repository":{"id":65437806,"uuid":"331980530","full_name":"takamoso/canidetect","owner":"takamoso","description":"A collection of css hacks and feature detection.","archived":false,"fork":false,"pushed_at":"2023-10-23T21:45:25.000Z","size":137,"stargazers_count":20,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-14T20:42:00.296Z","etag":null,"topics":["css","css-hack","css-hacks","feature-detection","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/takamoso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-01-22T15:09:18.000Z","updated_at":"2024-02-18T22:26:45.000Z","dependencies_parsed_at":"2025-04-14T20:43:45.237Z","dependency_job_id":null,"html_url":"https://github.com/takamoso/canidetect","commit_stats":null,"previous_names":["takamoso/canidetect"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/takamoso/canidetect","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takamoso%2Fcanidetect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takamoso%2Fcanidetect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takamoso%2Fcanidetect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takamoso%2Fcanidetect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/takamoso","download_url":"https://codeload.github.com/takamoso/canidetect/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takamoso%2Fcanidetect/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265121282,"owners_count":23714501,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-hack","css-hacks","feature-detection","javascript"],"created_at":"2024-10-15T16:26:13.269Z","updated_at":"2025-07-13T09:36:20.893Z","avatar_url":"https://github.com/takamoso.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CSS Hacks\r\n\r\n\r\n## CLI\r\n\r\n### `npm run data` command\r\n\r\n```\r\nCommand:\r\n  $ npm run data -- [OPTIONS]\r\n\r\nOptions:\r\n  --mq, --media-query\r\n  --pe, --pseudo-element\r\n  --pc, --pseudo-class\r\n  --p,  --property\r\n  --v,  --value\r\n  --vp, --vendor-prefix\r\n\r\nExamples:\r\n  $ npm run data -- --pseudo-class is matches\r\n  $ npm run data -- --pc is matches '\"-webkit-any(_)\"'\r\n```\r\n\r\n## Browsers\r\n\r\n### Internet Explorer, Edge\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eIE 7\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n_:_, .selector {\r\n  property: value;\r\n}\r\n```\r\n```css\r\n_:first, .selector {\r\n  property: value;\r\n}\r\n```\r\n```css\r\n_\u003e_, .selector {\r\n  *property: value;\r\n}\r\n```\r\n```css\r\n*+html .selector {\r\n  property: value;\r\n}\r\n```\r\n```css\r\n*:first-child+html .selector {\r\n  property: value;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eIE 8\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@media \\0 {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n```css\r\n@media \\0screen {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eIE 9\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@media (min-width: 0\\0) and (min-resolution: .001dpcm) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eIE 9+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@media (min-width: 0\\0) and (min-resolution: +36dpi) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eIE 10\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n_:-ms-lang(_), .selector {\r\n  property: value\\9;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eIE 10+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n_:-ms-input-placeholder, :root .selector {\r\n  property: value;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eIE 11\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n_:not(_)::-ms-backdrop, .selector {\r\n  property: value;\r\n}\r\n```\r\n```css\r\n_::-ms-backdrop, :root .selector {\r\n  property: value;\r\n}\r\n```\r\n```css\r\n_:-ms-fullscreen, :root .selector {\r\n  property: value;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 12\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-accelerator: true) and (not (color: unset)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 12-18\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 13\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-accelerator: true) and (color: unset) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 13-18\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (top: unset) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 14\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (not (-ms-accelerator: true)) and (not (-webkit-text-stroke: initial)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 14-18\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (not (-ms-accelerator: true)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 15\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) and (not (position: sticky)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 15-18\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 16\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (gap: 0) and (not (paint-order: fill)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 16-18\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (gap: 0) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 17\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (paint-order: fill) and (not (-webkit-mask: none)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 17-18\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (paint-order: fill) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eEdge 18\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-ms-ime-align: auto) and (overscroll-behavior: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChromium Edge 79+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n_:lang(_), _::-ms-value, _::-internal-media-controls-overlay-cast-button, .selector {\r\n  property: value;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChromium Edge 81\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (color-scheme: dark) and (image-orientation: none) and (not (-webkit-appearance: auto)) and (not (top: revert)) {\r\n  _::-ms-value, .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChromium Edge 83\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(::-ms-value) and (-webkit-appearance: auto) and (not (top: revert)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChromium Edge 83+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(::-ms-value) and selector(::-internal-media-controls-overlay-cast-button) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\r\n### Firefox\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 1+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@-moz-document url-prefix() {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 25\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (background-attachment: local) and (not (image-orientation: from-image)) and (-moz-orient: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 26\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (image-orientation: from-image) and (not (all: unset)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 27\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (all: unset) and (not (flex-wrap: wrap)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 28\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (flex-wrap: wrap) and (not (border-image: -moz-element(#_))) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 29\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (border-image: -moz-element(#_)) and (not (background-blend-mode: hue)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 30\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (background-blend-mode: hue) and (not (paint-order: fill)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 31\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (paint-order: fill) and (not (box-decoration-break: clone)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 32\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (box-decoration-break: clone) and (not (color: rebeccapurple)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 33\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (color: rebeccapurple) and (not (font-kerning: auto)) {\r\n  _:-moz-is-html, .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 34\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (font-kerning: auto) and (not (filter: blur(0))) and (-moz-orient: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 35\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (filter: blur(0)) and (not (isolation: auto)) and (-moz-orient: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 36\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (empty-cells: -moz-show-background) and (background: -moz-linear-gradient(red, 1%, tan)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 37\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (display: contents) and (not (ruby-align: start)) and (-moz-orient: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 38\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (ruby-align: start) and (not (scroll-snap-type: none)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 39\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (scroll-snap-type: none) and (not (-moz-orient: block)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 40\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-moz-orient: block) and (not (padding-inline-end: 0)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 43\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (hyphens: none) and (not (text-orientation: sideways)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 44\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (text-orientation: sideways) and (not (align-self: end)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 45\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (align-self: end) and (not (align-self: unsafe center)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n```css\r\n@supports (align-self: end) and (not (align-self: normal)) {\r\n  _:-moz-is-html, .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 47\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-moz-orient: block) and (not (color-adjust: exact)) {\r\n  _::backdrop, .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 48\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (color-adjust: exact) and (not (color: #0000)) {\r\n  _:-moz-is-html, .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 49\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (color: #0000) and (not (border-image-repeat: space)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 52\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (grid-gap: 0) and (not (caret-color: red)) {\r\n  _:-moz-is-html, .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 53\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (caret-color: red) and (not (clip-path: inset(1%))) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 54\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (clip-path: inset(1%)) and (not (float: inline-end)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 61\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (gap: 0) and (not (shape-margin: 0)) and (not (-ms-ime-align: auto)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n```css\r\n@supports (justify-items: legacy) and (not (font-variation-settings: normal)) {\r\n  _:-moz-is-html, .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 62\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (shape-margin: 0) and (not (resize: block)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 63\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (resize: block) and (not (scrollbar-color: auto)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n```css\r\n_::-moz-tree-row, _::slotted(_), .selector {\r\n  property: value;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 64\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (scrollbar-color: auto) and (not (break-after: always)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 65\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (break-after: always) and (not (overflow-anchor: auto)) and (-moz-binding: none) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 66\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (overflow-anchor: auto) and (-moz-binding: none) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 67\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (top: revert) and (not (scroll-margin: 0)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 68\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (scroll-margin: 0) and (not selector(_\u003e_)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 69\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(_\u003e_) and (not (display: block flex)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n```css\r\n@supports selector(_\u003e_) and (not (text-underline-offset: 0)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 70\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (display: block flex) and (not (clip-path: path('M0,0'))) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 71\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (clip-path: path('M0,0')) and (not (offset-anchor: auto)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 72\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (offset-anchor: auto) and (not (overscroll-behavior-block: auto)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 72+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@-moz-document url-prefix() {\r\n  @supports (offset-anchor: auto) {\r\n    .selector {\r\n      property: value;\r\n    }\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 73\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (overscroll-behavior-block: auto) and (-moz-column-width: 0) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 74\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (text-underline-offset: 1%) and (not (top: min(1%, 1%))) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 75\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (top: min(1%, 1%)) and (text-decoration-skip-ink: all) and (-moz-orient: block) and (not (color: canvas)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 80\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (appearance: none) and (not (overflow: clip)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 81\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (overflow: clip) and (not selector(::file-selector-button)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 82\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(::file-selector-button) and (not (background: conic-gradient(red, tan))) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 83\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (background: conic-gradient(red, tan)) and (not selector(:not(_\u003e_))) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 84\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(:not(_\u003e_)) and selector(:is(_)) and (not (touch-action: pinch-zoom)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 85\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (touch-action: pinch-zoom) and (not selector(:autofill)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 86\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(:autofill) and (caption-side: left) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 87\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (not (caption-side: left)) and (not selector(:user-valid)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 88\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(:user-valid) and (not (background: image-set(url() type(\"\")))) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 89\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (background: image-set(url() type(\"\"))) and (not (background: -webkit-image-set(url() 1x))) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 90\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (background: -webkit-image-set(url() 1x)) and (not (tab-size: 0)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 91\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (tab-size: 0) and (not (accent-color: red)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eFirefox 92\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (accent-color: red) and (not (font-synthesis: small-caps)) and (-moz-orient: block) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\r\n### Chrome, Chromium Edge, Opera\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 39+, Chromium Edge 79+, Opera 26+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n_:lang(_), _::-internal-media-controls-overlay-cast-button, .selector {\r\n  property: value;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 53, Opera 40\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (filter: blur(0)) and (not (user-select: none)) and (not (justify-self: end)) and (not (-ms-ime-align: auto)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 54, Opera 41\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (user-select: none) and (not (touch-action: pan-up)) and (not (scroll-snap-type: none)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 55, Opera 42\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (touch-action: pan-up) and (not (touch-action: pinch-zoom)) and (-webkit-box-lines: single) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 56, Opera 43\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (touch-action: pinch-zoom) and (not (caret-color: red)) and (not (-ms-ime-align: auto)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 57, Opera 44\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (caret-color: red) and (not (line-break: auto)) and (not (display: contents)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 58, Opera 45\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (line-break: auto) and (not (place-self: auto)) and (not (-ms-ime-align: auto)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 60+, Opera 47+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n_:lang(_), _::-internal-media-controls-overlay-cast-button, _:focus-within, .selector {\r\n  property: value;\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 62, Opera 49\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (color: #0000) and (not (top: 1q)) and (not (display: contents)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 63, Opera 50\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (top: 1q) and (not (transform-box: fill-box)) and (not (display: contents)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 64, Opera 51\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (transform-box: fill-box) and (not (color: rgb(0 0 0))) and (not (display: contents)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 65, Opera 52\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (color: rgb(0 0 0)) and (not (gap: 0)) and (not (scroll-snap-type: none)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 66, Opera 53\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (gap: 0) and (-webkit-line-clamp: 1%) and (not (scroll-snap-type: none)) and (not (-ms-ime-align: auto)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 75, Opera 62\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (not (overflow: -webkit-paged-x)) and (not (white-space: break-spaces)) and (line-break: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 76, Opera 63\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (white-space: break-spaces) and (not (content: ''/'')) and (not (line-break: anywhere)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 77, Opera 64\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (overscroll-behavior-block: auto) and (not (opacity: 0%)) and (not (top: min(0%, 0%))) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 78, Opera 65\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (opacity: 0%) and (not (top: min(0%, 0%))) and (not (text-underline-offset: 0)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 79, Chromium Edge 79, Opera 66\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (top: min(0%, 0%)) and (not (line-break: anywhere)) and (white-space: break-spaces) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 80, Chromium Edge 80, Opera 67\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (line-break: anywhere) and (not (color-scheme: dark)) and (not (image-orientation: none)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 81, Chromium Edge 81, Opera 68\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (color-scheme: dark) and (image-orientation: none) and (not (-webkit-appearance: auto)) and (not (top: revert)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 83, Chromium Edge 83, Opera 69\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-webkit-appearance: auto) and (not (top: revert)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 83+, Chromium Edge 83+, Opera 69+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(::-internal-media-controls-overlay-cast-button) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 84, Chromium Edge 84, Opera 70\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (appearance: auto) and (top: revert) and (-webkit-column-width: 0) and (not (counter-set: none)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 85, Chromium Edge 85, Opera 71\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (counter-set: none) and (not selector(::marker)) and (appearance: auto) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 86, Chromium Edge 86, Opera 72\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(::marker) and (not (text-underline-offset: 0)) and (column-width: 0) and (not (-moz-column-width: 0)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 87, Chromium Edge 87, Opera 73\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (text-underline-offset: 0) and (not (clip-path: path('M0,0'))) and (not selector(:not(_\u003e_))) and (not (-moz-orient: block)) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 88, Chromium Edge 88, Opera 74\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(:not(_\u003e_)) and (not selector(::target-text)) and selector(::-internal-media-controls-overlay-cast-button) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 89, Chromium Edge 89, Opera 75\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports selector(::target-text) and (not (overflow: clip)) and selector(::-internal-media-controls-overlay-cast-button) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 93, Chromium Edge 93, Opera 79\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (accent-color: red) and (not (scrollbar-gutter: auto)) and selector(::-internal-media-controls-overlay-cast-button) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eChrome 94, Chromium Edge 94, Opera 80\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (scrollbar-gutter: auto) and (not (contain-intrinsic-block-size: 0)) and selector(::-internal-media-controls-overlay-cast-button) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\r\n### Safari, iOS Safari\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eSafari 9+, iOS Safari 9+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-webkit-marquee-speed: 0) and (paint-order: fill) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eSafari 11+, iOS Safari 11+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-webkit-marquee-speed: 0) and (font-optical-sizing: none) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eSafari 13+, iOS Safari 13+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-webkit-marquee-speed: 0) and (paint-order: fill) and (white-space: break-spaces) {\r\n  .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\u003csummary\u003e\u003cb\u003eSafari 14+, iOS Safari 14+\u003c/b\u003e\u003c/summary\u003e\r\n\r\n```css\r\n@supports (-webkit-marquee-speed: 0) and (paint-order: fill) {\r\n  _:is(_), .selector {\r\n    property: value;\r\n  }\r\n}\r\n```\r\n\r\n\u003c/details\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftakamoso%2Fcanidetect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftakamoso%2Fcanidetect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftakamoso%2Fcanidetect/lists"}