{"id":20915449,"url":"https://github.com/jqueryscript/new-css-features","last_synced_at":"2026-05-06T09:32:35.251Z","repository":{"id":261974048,"uuid":"885870968","full_name":"jqueryscript/new-css-features","owner":"jqueryscript","description":"New CSS Features Since 2016","archived":false,"fork":false,"pushed_at":"2025-03-02T01:10:54.000Z","size":77,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T02:22:03.157Z","etag":null,"topics":["css","css3"],"latest_commit_sha":null,"homepage":"https://www.cssscript.com/new-css-features/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jqueryscript.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-11-09T16:01:48.000Z","updated_at":"2025-03-02T01:10:58.000Z","dependencies_parsed_at":"2024-11-09T17:18:13.154Z","dependency_job_id":"50b06f0c-c4bf-4d0e-a0b5-c111db03c858","html_url":"https://github.com/jqueryscript/new-css-features","commit_stats":null,"previous_names":["jqueryscript/new-css-features"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jqueryscript%2Fnew-css-features","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jqueryscript%2Fnew-css-features/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jqueryscript%2Fnew-css-features/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jqueryscript%2Fnew-css-features/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jqueryscript","download_url":"https://codeload.github.com/jqueryscript/new-css-features/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243307489,"owners_count":20270263,"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","css3"],"created_at":"2024-11-18T16:14:57.524Z","updated_at":"2026-05-06T09:32:35.244Z","avatar_url":"https://github.com/jqueryscript.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# New CSS Features Since 2016\n\nA comprehensive list of new CSS features by year of general availability across major browsers.\n\n_This document is automatically generated weekly._\n\n## 2026\n\n### at-rules\n\n- [\u003ccode\u003e@position-try\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@position-try) (Chrome 125, Firefox 147, Safari 26)\n\n### properties\n\n- [alignment-baseline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/alignment-baseline) (Chrome 1, Firefox 149, Safari 5.1)\n- [anchor-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/anchor-name) (Chrome 125, Firefox 147, Safari 26)\n- [anchor-scope](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/anchor-scope) (Chrome 131, Firefox 147, Safari 26)\n- [baseline-shift](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/baseline-shift) (Chrome 1, Firefox 149, Safari 4)\n- [math-depth](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-depth) (Chrome 109, Firefox 117, Safari 26.4)\n- [position-try](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try) (Chrome 125, Firefox 147, Safari 26)\n- [position-try-order](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try-order) (Chrome 125, Firefox 148, Safari 26)\n- [position-visibility](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-visibility) (Chrome 125, Firefox 147, Safari 26.2)\n- [text-box](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box) (Chrome 133, Firefox 149, Safari 18.2)\n- [text-box-edge](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box-edge) (Chrome 133, Firefox 149, Safari 18.2)\n- [text-box-trim](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box-trim) (Chrome 133, Firefox 149, Safari 18.2)\n\n### selectors\n\n- [\u003ccode\u003e:active-view-transition-type()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:active-view-transition-type) (Chrome 125, Firefox 147, Safari 18.2)\n\n### types\n\n- [\u003ccode\u003eanchor()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/anchor) (Chrome 125, Firefox 147, Safari 26)\n- [\u003ccode\u003eanchor-size()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/anchor-size) (Chrome 125, Firefox 147, Safari 26)\n- [\u003ccode\u003e\u0026lt;text-edge\u0026gt;\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/text-edge) (Chrome 133, Firefox 149, Safari 18.2)\n\n## 2025\n\n### at-rules\n\n- [\u003ccode\u003e@scope\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@scope) (Chrome 118, Firefox 146, Safari 17.4)\n\n### properties\n\n- [animation-timeline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timeline) (Chrome 115, Firefox 110, Safari 26)\n- [font-variant-emoji](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-emoji) (Chrome 131, Firefox 141, Safari 17.5)\n- [math-shift](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-shift) (Chrome 109, Firefox 146, Safari 26.2)\n- [overflow-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-block) (Chrome 135, Firefox 69, Safari 26)\n- [overflow-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-inline) (Chrome 135, Firefox 69, Safari 26)\n- [scroll-timeline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline) (Chrome 115, Firefox 111, Safari 26)\n- [scroll-timeline-axis](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-axis) (Chrome 115, Firefox 111, Safari 26)\n- [scroll-timeline-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-name) (Chrome 115, Firefox 111, Safari 26)\n- [scrollbar-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-color) (Chrome 121, Firefox 64, Safari 26.2)\n- [text-autospace](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-autospace) (Chrome 140, Firefox 145, Safari 18.4)\n- [view-timeline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline) (Chrome 115, Firefox 114, Safari 26)\n- [view-timeline-axis](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-axis) (Chrome 115, Firefox 114, Safari 26)\n- [view-timeline-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-name) (Chrome 115, Firefox 111, Safari 26)\n- [view-transition-class](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-class) (Chrome 125, Firefox 144, Safari 18.2)\n- [view-transition-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-name) (Chrome 111, Firefox 144, Safari 18)\n\n### selectors\n\n- [\u003ccode\u003e:active-view-transition\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:active-view-transition) (Chrome 125, Firefox 144, Safari 18)\n- [\u003ccode\u003e::details-content\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::details-content) (Chrome 131, Firefox 143, Safari 18.4)\n- [\u003ccode\u003e::view-transition\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition) (Chrome 109, Firefox 144, Safari 18)\n- [\u003ccode\u003e::view-transition-group()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-group) (Chrome 109, Firefox 144, Safari 18)\n- [\u003ccode\u003e::view-transition-image-pair()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-image-pair) (Chrome 109, Firefox 144, Safari 18)\n- [\u003ccode\u003e::view-transition-new()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-new) (Chrome 109, Firefox 144, Safari 18)\n- [\u003ccode\u003e::view-transition-old()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-old) (Chrome 109, Firefox 144, Safari 18)\n\n### types\n\n- [\u003ccode\u003eabs()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/abs) (Chrome 138, Firefox 118, Safari 15.4)\n- [\u003ccode\u003esign()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/sign) (Chrome 138, Firefox 118, Safari 15.4)\n\n## 2024\n\n### at-rules\n\n- [\u003ccode\u003e@page\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@page) (Chrome 2, Firefox 19, Safari 18.2)\n- [\u003ccode\u003e@property\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@property) (Chrome 85, Firefox 128, Safari 16.4)\n- [\u003ccode\u003e@starting-style\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@starting-style) (Chrome 117, Firefox 129, Safari 17.5)\n\n### properties\n\n- [content-visibility](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/content-visibility) (Chrome 85, Firefox 125, Safari 18)\n- [offset-position](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-position) (Chrome 116, Firefox 122, Safari 16)\n- [ruby-align](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-align) (Chrome 128, Firefox 38, Safari 18.2)\n- [rx](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rx) (Chrome 43, Firefox 69, Safari 17.4)\n- [ry](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ry) (Chrome 43, Firefox 69, Safari 17.4)\n- [scrollbar-gutter](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-gutter) (Chrome 94, Firefox 97, Safari 18.2)\n- [scrollbar-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-width) (Chrome 121, Firefox 64, Safari 18.2)\n- [text-wrap](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap) (Chrome 114, Firefox 121, Safari 17.4)\n- [text-wrap-mode](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-mode) (Chrome 130, Firefox 124, Safari 17.4)\n- [text-wrap-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-style) (Chrome 130, Firefox 124, Safari 17.5)\n- [transition-behavior](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-behavior) (Chrome 117, Firefox 129, Safari 17.4)\n- [white-space-collapse](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/white-space-collapse) (Chrome 114, Firefox 124, Safari 17.4)\n- [zoom](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/zoom) (Chrome 1, Firefox 126, Safari 3.1)\n\n### selectors\n\n- [\u003ccode\u003e:popover-open\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:popover-open) (Chrome 114, Firefox 125, Safari 17)\n- [\u003ccode\u003e::target-text\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::target-text) (Chrome 89, Firefox 131, Safari 18.2)\n\n### types\n\n- [\u003ccode\u003emod()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/mod) (Chrome 125, Firefox 118, Safari 15.4)\n- [\u003ccode\u003eray()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/ray) (Chrome 116, Firefox 122, Safari 16)\n- [\u003ccode\u003erem()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/rem) (Chrome 125, Firefox 118, Safari 15.4)\n- [\u003ccode\u003eround()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/round) (Chrome 125, Firefox 118, Safari 15.4)\n\n## 2023\n\n### at-rules\n\n- [\u003ccode\u003e@container\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@container) (Chrome 105, Firefox 110, Safari 16)\n- [\u003ccode\u003e@counter-style\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@counter-style) (Chrome 91, Firefox 33, Safari 17)\n- [\u003ccode\u003e@font-feature-values\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@font-feature-values) (Chrome 111, Firefox 34, Safari 9.1)\n\n### properties\n\n- [-webkit-text-security](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-security) (Chrome 1, Firefox 114, Safari 3)\n- [animation-composition](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-composition) (Chrome 112, Firefox 115, Safari 16)\n- [contain-intrinsic-block-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-block-size) (Chrome 95, Firefox 107, Safari 17)\n- [contain-intrinsic-height](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-height) (Chrome 95, Firefox 107, Safari 17)\n- [contain-intrinsic-inline-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-inline-size) (Chrome 95, Firefox 107, Safari 17)\n- [contain-intrinsic-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-size) (Chrome 83, Firefox 107, Safari 17)\n- [contain-intrinsic-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-width) (Chrome 95, Firefox 107, Safari 17)\n- [container](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container) (Chrome 105, Firefox 110, Safari 16)\n- [container-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-name) (Chrome 105, Firefox 110, Safari 16)\n- [container-type](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-type) (Chrome 105, Firefox 110, Safari 16)\n- [counter-set](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-set) (Chrome 85, Firefox 68, Safari 17.2)\n- [font-synthesis-small-caps](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-small-caps) (Chrome 97, Firefox 111, Safari 16.4)\n- [font-synthesis-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-style) (Chrome 97, Firefox 111, Safari 16.4)\n- [font-synthesis-weight](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-weight) (Chrome 97, Firefox 111, Safari 16.4)\n- [font-variant-alternates](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-alternates) (Chrome 111, Firefox 34, Safari 9.1)\n- [font-variant-position](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-position) (Chrome 117, Firefox 34, Safari 9.1)\n- [mask-mode](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-mode) (Chrome 120, Firefox 53, Safari 15.4)\n- [math-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-style) (Chrome 109, Firefox 117, Safari 14.1)\n- [offset-anchor](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-anchor) (Chrome 116, Firefox 72, Safari 16)\n- [page](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page) (Chrome 85, Firefox 110, Safari 1)\n\n### selectors\n\n- [First page pseudo-class (\u003ccode\u003e:first\u003c/code\u003e)](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:first) (Chrome 18, Firefox 116, Safari 6)\n- [\u003ccode\u003e:has()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:has) (Chrome 105, Firefox 121, Safari 15.4)\n\n### types\n\n- [\u003ccode\u003eacos()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/acos) (Chrome 111, Firefox 108, Safari 15.4)\n- [\u003ccode\u003easin()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/asin) (Chrome 111, Firefox 108, Safari 15.4)\n- [\u003ccode\u003eatan()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/atan) (Chrome 111, Firefox 108, Safari 15.4)\n- [\u003ccode\u003eatan2()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/atan2) (Chrome 111, Firefox 108, Safari 15.4)\n- [\u003ccode\u003ecos()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/cos) (Chrome 111, Firefox 108, Safari 15.4)\n- [\u003ccode\u003eexp()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/exp) (Chrome 120, Firefox 118, Safari 15.4)\n- [\u003ccode\u003ehypot()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/hypot) (Chrome 120, Firefox 118, Safari 15.4)\n- [\u003ccode\u003elog()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/log) (Chrome 120, Firefox 118, Safari 15.4)\n- [\u003ccode\u003epow()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/pow) (Chrome 120, Firefox 118, Safari 15.4)\n- [\u003ccode\u003esin()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/sin) (Chrome 111, Firefox 108, Safari 15.4)\n- [\u003ccode\u003esqrt()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/sqrt) (Chrome 120, Firefox 118, Safari 15.4)\n- [\u003ccode\u003etan()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/tan) (Chrome 111, Firefox 108, Safari 15.4)\n\n## 2022\n\n### at-rules\n\n- [\u003ccode\u003e@font-palette-values\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@font-palette-values) (Chrome 101, Firefox 107, Safari 15.4)\n- [\u003ccode\u003e@layer\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@layer) (Chrome 99, Firefox 97, Safari 15.4)\n\n### properties\n\n- [accent-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/accent-color) (Chrome 93, Firefox 92, Safari 15.4)\n- [color-scheme](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color-scheme) (Chrome 81, Firefox 96, Safari 13)\n- [contain](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain) (Chrome 52, Firefox 69, Safari 15.4)\n- [font-palette](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-palette) (Chrome 101, Firefox 107, Safari 15.4)\n- [font-synthesis](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis) (Chrome 97, Firefox 34, Safari 9)\n- [rotate](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rotate) (Chrome 104, Firefox 72, Safari 14.1)\n- [scale](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scale) (Chrome 104, Firefox 72, Safari 14.1)\n- [scroll-behavior](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-behavior) (Chrome 61, Firefox 36, Safari 15.4)\n- [scroll-snap-stop](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-stop) (Chrome 75, Firefox 103, Safari 15)\n- [text-decoration-skip-ink](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip-ink) (Chrome 64, Firefox 70, Safari 15.4)\n- [translate](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/translate) (Chrome 104, Firefox 72, Safari 14.1)\n\n### selectors\n\n- [\u003ccode\u003e:modal\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:modal) (Chrome 105, Firefox 103, Safari 15.6)\n\n### types\n\n- [\u003ccode\u003e\u0026lt;calc-keyword\u0026gt;\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/calc-keyword) (Chrome 99, Firefox 108, Safari 15.4)\n\n## 2021\n\n### properties\n\n- [aspect-ratio](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/aspect-ratio) (Chrome 88, Firefox 89, Safari 15)\n- [border-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-block-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-color) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-block-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-style) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-block-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-end-end-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-end-radius) (Chrome 89, Firefox 66, Safari 15)\n- [border-end-start-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius) (Chrome 89, Firefox 66, Safari 15)\n- [border-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-inline-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-color) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-inline-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-style) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-inline-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width) (Chrome 87, Firefox 66, Safari 14.1)\n- [border-start-end-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-end-radius) (Chrome 89, Firefox 66, Safari 15)\n- [border-start-start-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius) (Chrome 89, Firefox 66, Safari 15)\n- [inset](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset) (Chrome 87, Firefox 66, Safari 14.1)\n- [margin-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block) (Chrome 87, Firefox 66, Safari 14.1)\n- [margin-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline) (Chrome 87, Firefox 66, Safari 14.1)\n- [padding-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block) (Chrome 87, Firefox 66, Safari 14.1)\n- [padding-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline) (Chrome 87, Firefox 66, Safari 14.1)\n- [scroll-margin-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-margin-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-end) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-margin-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-start) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-margin-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-margin-inline-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-end) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-margin-inline-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-start) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-padding-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-padding-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-end) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-padding-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-start) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-padding-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-padding-inline-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-end) (Chrome 69, Firefox 68, Safari 15)\n- [scroll-padding-inline-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-start) (Chrome 69, Firefox 68, Safari 15)\n\n### selectors\n\n- [\u003ccode\u003e:where()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:where) (Chrome 88, Firefox 78, Safari 14)\n\n## 2020\n\n### properties\n\n- [font-optical-sizing](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-optical-sizing) (Chrome 79, Firefox 62, Safari 13.1)\n- [image-orientation](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation) (Chrome 81, Firefox 26, Safari 13.1)\n- [text-underline-offset](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-underline-offset) (Chrome 87, Firefox 70, Safari 12.1)\n\n### selectors\n\n- [\u003ccode\u003e::marker\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::marker) (Chrome 86, Firefox 68, Safari 11.1)\n- [\u003ccode\u003e::part\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::part) (Chrome 73, Firefox 72, Safari 13.1)\n\n### types\n\n- [\u003ccode\u003eclamp()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/clamp) (Chrome 79, Firefox 75, Safari 13.1)\n- [\u003ccode\u003emax()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/max) (Chrome 79, Firefox 75, Safari 11.1)\n- [\u003ccode\u003emin()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/min) (Chrome 79, Firefox 75, Safari 11.1)\n\n## 2019\n\n### properties\n\n- [border-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-block-end-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-color) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-block-end-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-style) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-block-end-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-width) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-block-start-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-color) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-block-start-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-style) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-block-start-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-width) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-inline-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-inline-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start) (Chrome 69, Firefox 41, Safari 12.1)\n- [border-inline-start-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width) (Chrome 69, Firefox 41, Safari 12.1)\n- [break-after](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-after) (Chrome 50, Firefox 65, Safari 10)\n- [break-before](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-before) (Chrome 50, Firefox 65, Safari 10)\n- [break-inside](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-inside) (Chrome 50, Firefox 65, Safari 10)\n- [cx](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cx) (Chrome 43, Firefox 69, Safari 9)\n- [cy](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cy) (Chrome 43, Firefox 69, Safari 9)\n- [max-block-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-block-size) (Chrome 57, Firefox 41, Safari 12.1)\n- [min-block-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-block-size) (Chrome 57, Firefox 41, Safari 12.1)\n- [min-inline-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-inline-size) (Chrome 57, Firefox 41, Safari 12.1)\n- [padding-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-end) (Chrome 69, Firefox 41, Safari 12.1)\n- [padding-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-start) (Chrome 69, Firefox 41, Safari 12.1)\n- [r](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/r) (Chrome 43, Firefox 69, Safari 9)\n- [scroll-snap-align](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-align) (Chrome 69, Firefox 68, Safari 11)\n- [touch-action](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/touch-action) (Chrome 36, Firefox 52, Safari 13)\n- [x](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/x) (Chrome 42, Firefox 69, Safari 9)\n- [y](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/y) (Chrome 42, Firefox 69, Safari 9)\n\n## 2018\n\n### properties\n\n- [caret-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-color) (Chrome 57, Firefox 53, Safari 11.1)\n- [font-variation-settings](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variation-settings) (Chrome 62, Firefox 62, Safari 11)\n- [shape-image-threshold](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-image-threshold) (Chrome 37, Firefox 62, Safari 10.1)\n- [shape-outside](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-outside) (Chrome 37, Firefox 62, Safari 10.1)\n- [transform-box](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-box) (Chrome 64, Firefox 55, Safari 11)\n\n### selectors\n\n- [\u003ccode\u003e:defined\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:defined) (Chrome 54, Firefox 63, Safari 10)\n- [\u003ccode\u003e:host\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:host) (Chrome 54, Firefox 63, Safari 10)\n- [\u003ccode\u003e:host()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:host_function) (Chrome 54, Firefox 63, Safari 10)\n- [\u003ccode\u003e::slotted\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::slotted) (Chrome 50, Firefox 63, Safari 10)\n\n## 2017\n\n### properties\n\n- [font-stretch](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-stretch) (Chrome 60, Firefox 9, Safari 11)\n- [font-variant-east-asian](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-east-asian) (Chrome 63, Firefox 34, Safari 9.1)\n- [gap](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/gap) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-area](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-area) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-auto-flow](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-flow) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-column](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-column-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-end) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-column-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-start) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-row](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-row-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-end) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-row-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-start) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-template](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-template-areas](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-areas) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-template-columns](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-columns) (Chrome 57, Firefox 52, Safari 10.1)\n- [grid-template-rows](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-rows) (Chrome 57, Firefox 52, Safari 10.1)\n- [justify-self](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-self) (Chrome 57, Firefox 45, Safari 10.1)\n- [place-content](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-content) (Chrome 59, Firefox 45, Safari 9)\n- [place-items](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-items) (Chrome 59, Firefox 45, Safari 11)\n- [place-self](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-self) (Chrome 59, Firefox 45, Safari 11)\n- [row-gap](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/row-gap) (Chrome 47, Firefox 52, Safari 10.1)\n\n### selectors\n\n- [\u003ccode\u003e::cue\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::cue) (Chrome 26, Firefox 55, Safari 7)\n- [\u003ccode\u003e:focus-within\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:focus-within) (Chrome 60, Firefox 52, Safari 10.1)\n\n### types\n\n- [\u003ccode\u003e\u0026lt;basic-shape\u0026gt;\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/basic-shape) (Chrome 37, Firefox 54, Safari 10.1)\n- [\u003ccode\u003e\u0026lt;flex\u0026gt;\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/flex_value) (Chrome 29, Firefox 40, Safari 10.1)\n\n## 2016\n\n### properties\n\n- [-webkit-mask-position-x](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-position-x) (Chrome 1, Firefox 49, Safari 3.1)\n- [-webkit-mask-position-y](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-position-y) (Chrome 1, Firefox 49, Safari 3.1)\n- [-webkit-text-fill-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-fill-color) (Chrome 1, Firefox 49, Safari 3)\n- [-webkit-text-stroke](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-stroke) (Chrome 4, Firefox 49, Safari 3)\n- [-webkit-text-stroke-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-stroke-color) (Chrome 1, Firefox 49, Safari 3)\n- [-webkit-text-stroke-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-stroke-width) (Chrome 1, Firefox 49, Safari 3)\n- [all](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/all) (Chrome 37, Firefox 27, Safari 9.1)\n- [background-position-x](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-x) (Chrome 1, Firefox 49, Safari 1)\n- [background-position-y](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-y) (Chrome 1, Firefox 49, Safari 1)\n- [--*](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/--*) (Chrome 49, Firefox 31, Safari 9.1)\n- [font-variant-caps](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-caps) (Chrome 52, Firefox 34, Safari 9.1)\n- [font-variant-numeric](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-numeric) (Chrome 52, Firefox 34, Safari 9.1)\n- [justify-items](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-items) (Chrome 52, Firefox 20, Safari 9)\n- [object-fit](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-fit) (Chrome 32, Firefox 36, Safari 10)\n- [object-position](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-position) (Chrome 32, Firefox 36, Safari 10)\n- [will-change](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/will-change) (Chrome 36, Firefox 36, Safari 9.1)\n\n### types\n\n- [\u003ccode\u003evar()\u003c/code\u003e](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/var) (Chrome 49, Firefox 31, Safari 9.1)\n\n\n## Summary\n\nTotal features tracked: 231\n\nLast updated: 2026-05-03\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjqueryscript%2Fnew-css-features","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjqueryscript%2Fnew-css-features","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjqueryscript%2Fnew-css-features/lists"}