https://github.com/jqueryscript/new-css-features

New CSS Features Since 2016
https://github.com/jqueryscript/new-css-features
css css3
Last synced: 28 days ago
JSON representation
New CSS Features Since 2016
Host: GitHub
URL: https://github.com/jqueryscript/new-css-features
Owner: jqueryscript
Created: 2024-11-09T16:01:48.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2025-03-02T01:10:54.000Z (11 months ago)
Last Synced: 2025-03-02T02:22:03.157Z (11 months ago)
Topics: css, css3
Language: JavaScript
Homepage: https://www.cssscript.com/new-css-features/
Size: 75.2 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

          # New CSS Features Since 2016

A comprehensive list of new CSS features by year of general availability across major browsers.

_This document is automatically generated weekly._

## 2025

### at-rules

- [@scope](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@scope) (Chrome 118, Firefox 146, Safari 17.4)

### properties

- [animation-timeline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timeline) (Chrome 115, Firefox 110, Safari 26)

- [font-variant-emoji](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-emoji) (Chrome 131, Firefox 141, Safari 17.5)

- [math-shift](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-shift) (Chrome 109, Firefox 146, Safari 26.2)

- [overflow-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-block) (Chrome 135, Firefox 69, Safari 26)

- [overflow-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-inline) (Chrome 135, Firefox 69, Safari 26)

- [scroll-timeline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline) (Chrome 115, Firefox 111, Safari 26)

- [scroll-timeline-axis](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-axis) (Chrome 115, Firefox 111, Safari 26)

- [scroll-timeline-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-name) (Chrome 115, Firefox 111, Safari 26)

- [scrollbar-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-color) (Chrome 121, Firefox 64, Safari 26.2)

- [text-autospace](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-autospace) (Chrome 140, Firefox 145, Safari 18.4)

- [view-timeline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline) (Chrome 115, Firefox 114, Safari 26)

- [view-timeline-axis](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-axis) (Chrome 115, Firefox 114, Safari 26)

- [view-timeline-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-name) (Chrome 115, Firefox 111, Safari 26)

- [view-transition-class](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-class) (Chrome 125, Firefox 144, Safari 18.2)

- [view-transition-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-name) (Chrome 111, Firefox 144, Safari 18)

### selectors

- [:active-view-transition](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:active-view-transition) (Chrome 125, Firefox 144, Safari 18)

- [::details-content](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::details-content) (Chrome 131, Firefox 143, Safari 18.4)

- [::highlight()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::highlight) (Chrome 105, Firefox 140, Safari 17.2)

- [::view-transition](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition) (Chrome 109, Firefox 144, Safari 18)

- [::view-transition-group()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-group) (Chrome 109, Firefox 144, Safari 18)

- [::view-transition-image-pair()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-image-pair) (Chrome 109, Firefox 144, Safari 18)

- [::view-transition-new()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-new) (Chrome 109, Firefox 144, Safari 18)

- [::view-transition-old()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::view-transition-old) (Chrome 109, Firefox 144, Safari 18)

### types

- [abs()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/abs) (Chrome 138, Firefox 118, Safari 15.4)

- [sign()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/sign) (Chrome 138, Firefox 118, Safari 15.4)

## 2024

### at-rules

- [@page](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@page) (Chrome 2, Firefox 19, Safari 18.2)

- [@property](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@property) (Chrome 85, Firefox 128, Safari 16.4)

- [@starting-style](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@starting-style) (Chrome 117, Firefox 129, Safari 17.5)

### properties

- [content-visibility](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/content-visibility) (Chrome 85, Firefox 125, Safari 18)

- [offset-position](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-position) (Chrome 116, Firefox 122, Safari 16)

- [ruby-align](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-align) (Chrome 128, Firefox 38, Safari 18.2)

- [rx](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rx) (Chrome 43, Firefox 69, Safari 17.4)

- [ry](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ry) (Chrome 43, Firefox 69, Safari 17.4)

- [scrollbar-gutter](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-gutter) (Chrome 94, Firefox 97, Safari 18.2)

- [scrollbar-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-width) (Chrome 121, Firefox 64, Safari 18.2)

- [text-wrap](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap) (Chrome 114, Firefox 121, Safari 17.4)

- [text-wrap-mode](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-mode) (Chrome 130, Firefox 124, Safari 17.4)

- [text-wrap-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-style) (Chrome 130, Firefox 124, Safari 17.5)

- [transition-behavior](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-behavior) (Chrome 117, Firefox 129, Safari 17.4)

- [white-space-collapse](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/white-space-collapse) (Chrome 114, Firefox 124, Safari 17.4)

- [zoom](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/zoom) (Chrome 1, Firefox 126, Safari 3.1)

### selectors

- [:popover-open](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:popover-open) (Chrome 114, Firefox 125, Safari 17)

- [::target-text](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::target-text) (Chrome 89, Firefox 131, Safari 18.2)

### types

- [mod()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/mod) (Chrome 125, Firefox 118, Safari 15.4)

- [ray()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/ray) (Chrome 116, Firefox 122, Safari 16)

- [rem()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/rem) (Chrome 125, Firefox 118, Safari 15.4)

- [round()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/round) (Chrome 125, Firefox 118, Safari 15.4)

## 2023

### at-rules

- [@container](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@container) (Chrome 105, Firefox 110, Safari 16)

- [@counter-style](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@counter-style) (Chrome 91, Firefox 33, Safari 17)

- [@font-feature-values](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@font-feature-values) (Chrome 111, Firefox 34, Safari 9.1)

### properties

- [-webkit-text-security](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-security) (Chrome 1, Firefox 114, Safari 3)

- [animation-composition](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-composition) (Chrome 112, Firefox 115, Safari 16)

- [contain-intrinsic-block-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-block-size) (Chrome 95, Firefox 107, Safari 17)

- [contain-intrinsic-height](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-height) (Chrome 95, Firefox 107, Safari 17)

- [contain-intrinsic-inline-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-inline-size) (Chrome 95, Firefox 107, Safari 17)

- [contain-intrinsic-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-size) (Chrome 83, Firefox 107, Safari 17)

- [contain-intrinsic-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-width) (Chrome 95, Firefox 107, Safari 17)

- [container](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container) (Chrome 105, Firefox 110, Safari 16)

- [container-name](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-name) (Chrome 105, Firefox 110, Safari 16)

- [container-type](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-type) (Chrome 105, Firefox 110, Safari 16)

- [counter-set](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-set) (Chrome 85, Firefox 68, Safari 17.2)

- [font-synthesis-small-caps](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-small-caps) (Chrome 97, Firefox 111, Safari 16.4)

- [font-synthesis-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-style) (Chrome 97, Firefox 111, Safari 16.4)

- [font-synthesis-weight](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-weight) (Chrome 97, Firefox 111, Safari 16.4)

- [font-variant-alternates](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-alternates) (Chrome 111, Firefox 34, Safari 9.1)

- [mask-mode](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-mode) (Chrome 120, Firefox 53, Safari 15.4)

- [math-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-style) (Chrome 109, Firefox 117, Safari 14.1)

- [offset-anchor](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-anchor) (Chrome 116, Firefox 72, Safari 16)

- [page](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page) (Chrome 85, Firefox 110, Safari 1)

### selectors

- [First page pseudo-class (:first)](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:first) (Chrome 18, Firefox 116, Safari 6)

- [:has()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:has) (Chrome 105, Firefox 121, Safari 15.4)

### types

- [acos()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/acos) (Chrome 111, Firefox 108, Safari 15.4)

- [asin()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/asin) (Chrome 111, Firefox 108, Safari 15.4)

- [atan()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/atan) (Chrome 111, Firefox 108, Safari 15.4)

- [atan2()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/atan2) (Chrome 111, Firefox 108, Safari 15.4)

- [cos()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/cos) (Chrome 111, Firefox 108, Safari 15.4)

- [exp()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/exp) (Chrome 120, Firefox 118, Safari 15.4)

- [hypot()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/hypot) (Chrome 120, Firefox 118, Safari 15.4)

- [log()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/log) (Chrome 120, Firefox 118, Safari 15.4)

- [pow()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/pow) (Chrome 120, Firefox 118, Safari 15.4)

- [sin()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/sin) (Chrome 111, Firefox 108, Safari 15.4)

- [sqrt()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/sqrt) (Chrome 120, Firefox 118, Safari 15.4)

- [tan()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/tan) (Chrome 111, Firefox 108, Safari 15.4)

## 2022

### at-rules

- [@font-palette-values](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@font-palette-values) (Chrome 101, Firefox 107, Safari 15.4)

- [@layer](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@layer) (Chrome 99, Firefox 97, Safari 15.4)

### properties

- [accent-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/accent-color) (Chrome 93, Firefox 92, Safari 15.4)

- [color-scheme](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color-scheme) (Chrome 81, Firefox 96, Safari 13)

- [contain](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain) (Chrome 52, Firefox 69, Safari 15.4)

- [font-palette](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-palette) (Chrome 101, Firefox 107, Safari 15.4)

- [font-synthesis](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis) (Chrome 97, Firefox 34, Safari 9)

- [overscroll-behavior](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior) (Chrome 63, Firefox 59, Safari 16)

- [overscroll-behavior-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-block) (Chrome 77, Firefox 73, Safari 16)

- [overscroll-behavior-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-inline) (Chrome 77, Firefox 73, Safari 16)

- [overscroll-behavior-x](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-x) (Chrome 63, Firefox 59, Safari 16)

- [overscroll-behavior-y](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-y) (Chrome 63, Firefox 59, Safari 16)

- [rotate](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rotate) (Chrome 104, Firefox 72, Safari 14.1)

- [scale](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scale) (Chrome 104, Firefox 72, Safari 14.1)

- [scroll-behavior](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-behavior) (Chrome 61, Firefox 36, Safari 15.4)

- [scroll-snap-stop](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-stop) (Chrome 75, Firefox 103, Safari 15)

- [text-decoration-skip-ink](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip-ink) (Chrome 64, Firefox 70, Safari 15.4)

- [translate](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/translate) (Chrome 104, Firefox 72, Safari 14.1)

### selectors

- [:modal](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:modal) (Chrome 105, Firefox 103, Safari 15.6)

### types

- [<calc-keyword>](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/calc-keyword) (Chrome 99, Firefox 108, Safari 15.4)

## 2021

### properties

- [aspect-ratio](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/aspect-ratio) (Chrome 88, Firefox 89, Safari 15)

- [border-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block) (Chrome 87, Firefox 66, Safari 14.1)

- [border-block-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-color) (Chrome 87, Firefox 66, Safari 14.1)

- [border-block-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-style) (Chrome 87, Firefox 66, Safari 14.1)

- [border-block-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width) (Chrome 87, Firefox 66, Safari 14.1)

- [border-end-end-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-end-radius) (Chrome 89, Firefox 66, Safari 15)

- [border-end-start-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius) (Chrome 89, Firefox 66, Safari 15)

- [border-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline) (Chrome 87, Firefox 66, Safari 14.1)

- [border-inline-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-color) (Chrome 87, Firefox 66, Safari 14.1)

- [border-inline-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-style) (Chrome 87, Firefox 66, Safari 14.1)

- [border-inline-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width) (Chrome 87, Firefox 66, Safari 14.1)

- [border-start-end-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-end-radius) (Chrome 89, Firefox 66, Safari 15)

- [border-start-start-radius](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius) (Chrome 89, Firefox 66, Safari 15)

- [inset](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset) (Chrome 87, Firefox 66, Safari 14.1)

- [margin-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block) (Chrome 87, Firefox 66, Safari 14.1)

- [margin-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline) (Chrome 87, Firefox 66, Safari 14.1)

- [padding-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block) (Chrome 87, Firefox 66, Safari 14.1)

- [padding-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline) (Chrome 87, Firefox 66, Safari 14.1)

- [scroll-margin-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block) (Chrome 69, Firefox 68, Safari 15)

- [scroll-margin-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-end) (Chrome 69, Firefox 68, Safari 15)

- [scroll-margin-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-start) (Chrome 69, Firefox 68, Safari 15)

- [scroll-margin-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline) (Chrome 69, Firefox 68, Safari 15)

- [scroll-margin-inline-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-end) (Chrome 69, Firefox 68, Safari 15)

- [scroll-margin-inline-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-start) (Chrome 69, Firefox 68, Safari 15)

- [scroll-padding-block](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block) (Chrome 69, Firefox 68, Safari 15)

- [scroll-padding-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-end) (Chrome 69, Firefox 68, Safari 15)

- [scroll-padding-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-start) (Chrome 69, Firefox 68, Safari 15)

- [scroll-padding-inline](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline) (Chrome 69, Firefox 68, Safari 15)

- [scroll-padding-inline-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-end) (Chrome 69, Firefox 68, Safari 15)

- [scroll-padding-inline-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-start) (Chrome 69, Firefox 68, Safari 15)

### selectors

- [:where()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:where) (Chrome 88, Firefox 78, Safari 14)

## 2020

### properties

- [font-optical-sizing](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-optical-sizing) (Chrome 79, Firefox 62, Safari 13.1)

- [image-orientation](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation) (Chrome 81, Firefox 26, Safari 13.1)

- [text-underline-offset](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-underline-offset) (Chrome 87, Firefox 70, Safari 12.1)

### selectors

- [::marker](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::marker) (Chrome 86, Firefox 68, Safari 11.1)

- [::part](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::part) (Chrome 73, Firefox 72, Safari 13.1)

### types

- [clamp()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/clamp) (Chrome 79, Firefox 75, Safari 13.1)

- [max()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/max) (Chrome 79, Firefox 75, Safari 11.1)

- [min()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/min) (Chrome 79, Firefox 75, Safari 11.1)

## 2019

### properties

- [border-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end) (Chrome 69, Firefox 41, Safari 12.1)

- [border-block-end-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-color) (Chrome 69, Firefox 41, Safari 12.1)

- [border-block-end-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-style) (Chrome 69, Firefox 41, Safari 12.1)

- [border-block-end-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-width) (Chrome 69, Firefox 41, Safari 12.1)

- [border-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start) (Chrome 69, Firefox 41, Safari 12.1)

- [border-block-start-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-color) (Chrome 69, Firefox 41, Safari 12.1)

- [border-block-start-style](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-style) (Chrome 69, Firefox 41, Safari 12.1)

- [border-block-start-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-width) (Chrome 69, Firefox 41, Safari 12.1)

- [border-inline-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end) (Chrome 69, Firefox 41, Safari 12.1)

- [border-inline-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start) (Chrome 69, Firefox 41, Safari 12.1)

- [border-inline-start-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width) (Chrome 69, Firefox 41, Safari 12.1)

- [break-after](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-after) (Chrome 50, Firefox 65, Safari 10)

- [break-before](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-before) (Chrome 50, Firefox 65, Safari 10)

- [break-inside](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-inside) (Chrome 50, Firefox 65, Safari 10)

- [cx](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cx) (Chrome 43, Firefox 69, Safari 9)

- [cy](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cy) (Chrome 43, Firefox 69, Safari 9)

- [margin-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block-end) (Chrome 69, Firefox 41, Safari 12.1)

- [margin-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block-start) (Chrome 69, Firefox 41, Safari 12.1)

- [max-block-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-block-size) (Chrome 57, Firefox 41, Safari 12.1)

- [min-block-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-block-size) (Chrome 57, Firefox 41, Safari 12.1)

- [min-inline-size](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-inline-size) (Chrome 57, Firefox 41, Safari 12.1)

- [padding-block-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-end) (Chrome 69, Firefox 41, Safari 12.1)

- [padding-block-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-start) (Chrome 69, Firefox 41, Safari 12.1)

- [r](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/r) (Chrome 43, Firefox 69, Safari 9)

- [scroll-snap-align](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-align) (Chrome 69, Firefox 68, Safari 11)

- [touch-action](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/touch-action) (Chrome 36, Firefox 52, Safari 13)

- [x](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/x) (Chrome 42, Firefox 69, Safari 9)

- [y](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/y) (Chrome 42, Firefox 69, Safari 9)

## 2018

### properties

- [caret-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-color) (Chrome 57, Firefox 53, Safari 11.1)

- [font-variation-settings](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variation-settings) (Chrome 62, Firefox 62, Safari 11)

- [shape-image-threshold](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-image-threshold) (Chrome 37, Firefox 62, Safari 10.1)

- [shape-outside](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-outside) (Chrome 37, Firefox 62, Safari 10.1)

- [transform-box](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-box) (Chrome 64, Firefox 55, Safari 11)

### selectors

- [:defined](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:defined) (Chrome 54, Firefox 63, Safari 10)

- [:host](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:host) (Chrome 54, Firefox 63, Safari 10)

- [:host()](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:host_function) (Chrome 54, Firefox 63, Safari 10)

- [::slotted](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::slotted) (Chrome 50, Firefox 63, Safari 10)

## 2017

### properties

- [font-stretch](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-stretch) (Chrome 60, Firefox 9, Safari 11)

- [font-variant-east-asian](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-east-asian) (Chrome 63, Firefox 34, Safari 9.1)

- [gap](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/gap) (Chrome 57, Firefox 52, Safari 10.1)

- [grid](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-area](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-area) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-auto-flow](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-flow) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-column](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-column-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-end) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-column-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-start) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-row](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-row-end](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-end) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-row-start](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-start) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-template](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-template-areas](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-areas) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-template-columns](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-columns) (Chrome 57, Firefox 52, Safari 10.1)

- [grid-template-rows](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-rows) (Chrome 57, Firefox 52, Safari 10.1)

- [justify-self](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-self) (Chrome 57, Firefox 45, Safari 10.1)

- [place-content](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-content) (Chrome 59, Firefox 45, Safari 9)

- [place-items](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-items) (Chrome 59, Firefox 45, Safari 11)

- [place-self](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-self) (Chrome 59, Firefox 45, Safari 11)

- [row-gap](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/row-gap) (Chrome 47, Firefox 52, Safari 10.1)

### selectors

- [::cue](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::cue) (Chrome 26, Firefox 55, Safari 7)

- [:focus-within](https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:focus-within) (Chrome 60, Firefox 52, Safari 10.1)

### types

- [<basic-shape>](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/basic-shape) (Chrome 37, Firefox 54, Safari 10.1)

- [<flex>](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/flex_value) (Chrome 29, Firefox 40, Safari 10.1)

## 2016

### properties

- [-webkit-mask-position-x](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-position-x) (Chrome 1, Firefox 49, Safari 3.1)

- [-webkit-mask-position-y](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-position-y) (Chrome 1, Firefox 49, Safari 3.1)

- [-webkit-text-fill-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-fill-color) (Chrome 1, Firefox 49, Safari 3)

- [-webkit-text-stroke](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-stroke) (Chrome 4, Firefox 49, Safari 3)

- [-webkit-text-stroke-color](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-stroke-color) (Chrome 1, Firefox 49, Safari 3)

- [-webkit-text-stroke-width](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-text-stroke-width) (Chrome 1, Firefox 49, Safari 3)

- [all](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/all) (Chrome 37, Firefox 27, Safari 9.1)

- [background-position-x](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-x) (Chrome 1, Firefox 49, Safari 1)

- [background-position-y](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-y) (Chrome 1, Firefox 49, Safari 1)

- [--*](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/--*) (Chrome 49, Firefox 31, Safari 9.1)

- [font-variant-caps](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-caps) (Chrome 52, Firefox 34, Safari 9.1)

- [font-variant-numeric](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-numeric) (Chrome 52, Firefox 34, Safari 9.1)

- [justify-items](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-items) (Chrome 52, Firefox 20, Safari 9)

- [object-fit](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-fit) (Chrome 32, Firefox 36, Safari 10)

- [object-position](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-position) (Chrome 32, Firefox 36, Safari 10)

- [will-change](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/will-change) (Chrome 36, Firefox 36, Safari 9.1)

### types

- [var()](https://developer.mozilla.org/docs/Web/CSS/Reference/Values/var) (Chrome 49, Firefox 31, Safari 9.1)

## Summary

Total features tracked: 222

Last updated: 2025-12-21
ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/jqueryscript/new-css-features

Awesome Lists containing this project

README
