CSS

🤓 Upcoming browser features that are worth getting to know soon

These 15 features are supported by 70 to 90% of all browsers.

gap property for Flexbox

(89.92)

CSS

CSS Logical Properties

(84.64)

CSS CSS3

::selection CSS pseudo-element

(83.16)

CSS

Media Queries: resolution feature

(77.97)

CSS CSS3

Blending of HTML/SVG elements

(77.14)

CSS

CSS Motion Path

(76.68)

CSS

CSSOM Scroll-behavior

(76.56)

CSS

CSS Containment

(76.52)

CSS

CSS background-attachment

(75.73)

CSS

CSS overscroll-behavior

(75.37)

CSS

CSS overflow: overlay

(74.33)

CSS

:focus-visible CSS pseudo-class

(74.28)

CSS

CSS display: contents

(73.24)

CSS

CSS overflow property

(71.84)

CSS

CSS Appearance

(71.38)

CSS

😎 Pretty well established

These 59 features that are supported by 90%+ of all browsers

CSS namespaces

(99.63)

CSS

CSS currentColor value

(99.62)

CSS

::first-letter CSS pseudo-element selector

(99.53)

CSS

Window.devicePixelRatio

(99.36)

CSS DOM

CSS position:fixed

(98.53)

CSS

:optional CSS pseudo-class

(98.36)

CSS

letter-spacing CSS property

(98.22)

CSS

background-position-x & background-position-y

(98.19)

CSS

CSS initial value

(97.79)

CSS

High-quality kerning pairs & ligatures

(97.66)

CSS

CSS user-select: none

(97.56)

CSS

CSS writing-mode property

(97.51)

CSS

CSS text-stroke and text-fill

(97.46)

CSS

Background-clip: text

(97.46)

CSS

CSS :any-link selector

(97.31)

(97.3)

(97.13)

(97.06)

(97.05)

CSS :read-only and :read-write selectors

(97)

CSS

CSS all property

(97)

CSS

Crisp edges/pixelated images

(96.73)

CSS CSS3

CSS unset value

(96.72)

CSS

CSS will-change property

(96.69)

CSS

CSS background-blend-mode

(96.6)

CSS

:indeterminate CSS pseudo-class

(96.3)

CSS

Case-insensitive CSS attribute selectors

(96.19)

CSS

CSS font-variant-numeric

(96.17)

CSS

CSS text-orientation

(96.14)

CSS

:placeholder-shown CSS pseudo-class

(96.14)

CSS

Media Queries: interaction media features

(96.13)

CSS

::placeholder CSS pseudo-element

(96)

CSS

:in-range and :out-of-range CSS pseudo-classes

(95.82)

CSS

CSS Grid Layout (level 1)

(95.81)

CSS

CSS caret-color

(95.43)

CSS

:default CSS pseudo-class

(95.33)

CSS

system-ui value for font-family

(95.13)

CSS

CSS widows & orphans

(94.78)

CSS

:focus-within CSS pseudo-class

(94.68)

CSS

CSS justify-content: space-evenly

(94.56)

CSS

#rrggbbaa hex color notation

(94.52)

(94.38)

(94.36)

(94.08)

(93.99)

CSS Environment Variables env()

(93.96)

CSS

prefers-reduced-motion media query

(93.94)

CSS

display: flow-root

(93.72)

CSS CSS2

CSS Conical Gradients

(93.64)

CSS

CSS revert value

(93.14)

CSS

CSS Cross-Fade Function

(93.04)

CSS

CSS position:sticky

(92.89)

CSS

prefers-color-scheme media query

(92.83)

CSS

selector list argument of :not()

(92.39)

CSS

CSS math functions min(), max() and clamp()

(92.35)

CSS

CSS Reflections

(92.33)

CSS

CSS touch-action property

(92.15)

CSS

:is() CSS pseudo-class

(90.36)

CSS

CSS Backdrop Filter

(90.02)

CSS CSS3

🥱 Still cooking.

These 33 features that are supported by less than 70% of all browsers

CSS content-visibility

(69.88)

(68.48)

(40.66)

(20.49)

selector list argument of :nth-child and :nth-last-child CSS pseudo-classes

(19.29)

CSS

CSS filter() function

(19.29)

CSS CSS3

CSS hanging-punctuation

(19.15)

CSS

ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for font-family

(17.93)

CSS

LCH and Lab color values

(11.43)

CSS

CSS color() function

(11.43)

CSS

:dir() CSS pseudo-class

(4.4)

CSS

CSS -webkit-user-drag property

(4.13)

(4.13)

(4.01)

(4)

(3.91)

(3.72)

(2.32)

CSS page-break properties

(1.09)

CSS

CSS Exclusions Level 1

(0.71)

(0.38)

(0.04)

Large, Small, and Dynamic viewport units

(0)

CSS

CSS3 attr() function for all properties

(0)

CSS

CSS @when / @else conditional rules

(0)

CSS

CSS text-indent

(0)

CSS

CSS scrollbar styling

(0)

(0)

(0)

:has() CSS relational pseudo-class

(0)

CSS

CSS Device Adaptation

(0)

CSS

Explicit descendant combinator >>

(0)

CSS

CSS Container Queries

(0)

CSS