alpha() is now newly available

Mon, 14 Sep 2026 00:00:00 GMT

The alpha() CSS function computes a relative color value by adjusting the opacity of an origin color. The last core browser has shipped it. Keep a fallback for older browsers.

light-dark() image values is now newly available

Mon, 14 Sep 2026 00:00:00 GMT

The light-dark() CSS function accepts, in addition to colors, two values, such as a gradient or URL, and uses one depending on the current color scheme. The last core browser has shipped it. Keep a fallback for older browsers.

overflow-anchor is now newly available

Mon, 14 Sep 2026 00:00:00 GMT

The overflow-anchor CSS property sets an element as a possible scroll anchor, reducing unintended scrolling when document changes occur above the current scrollport. This is enabled by default where supported. The last core browser has shipped it. Keep a fallback for older browsers.

progress() is now newly available

Tue, 01 Sep 2026 00:00:00 GMT

The progress() CSS function returns a ratio for the relative position of one value between two other values, clamped between 0 and 1. You can use it to interpolate a value for other calculations. The last core browser has shipped it. Keep a fallback for older browsers.

sibling-count() and sibling-index() is now newly available

Tue, 18 Aug 2026 00:00:00 GMT

The sibling-count() and sibling-index() CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of a calc() expression. The last core browser has shipped it. Keep a fallback for older browsers.

rect() and xywh() is now widely available

Thu, 23 Jul 2026 00:00:00 GMT

The rect() CSS function creates a rectangle shape with insets from the edges of an element. The xywh() CSS function creates a rectangle shifted by an x and y distance. They can be used with clip-path and shape-outside. Every core browser has had it for 30 months.

:has() is now widely available

Fri, 19 Jun 2026 00:00:00 GMT

The :has() CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element. Every core browser has had it for 30 months.

field-sizing is now newly available

Tue, 16 Jun 2026 00:00:00 GMT

The field-sizing CSS property allows form controls such as

to be sized based on their content. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>cap unit is now widely available</h1>
<p>Thu, 11 Jun 2026 00:00:00 GMT</p>
The cap CSS length unit corresponds to the height of Latin capital letters. Every core browser has had it for 30 months.
</article>
<article>
<h1>counter-set is now widely available</h1>
<p>Thu, 11 Jun 2026 00:00:00 GMT</p>
The counter-set CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items. Every core browser has had it for 30 months.
</article>
<article>
<h1>linear() easing is now widely available</h1>
<p>Thu, 11 Jun 2026 00:00:00 GMT</p>
The linear() easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect. Every core browser has had it for 30 months.
</article>
<article>
<h1>Nesting is now widely available</h1>
<p>Thu, 11 Jun 2026 00:00:00 GMT</p>
CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others. Every core browser has had it for 30 months.
</article>
<article>
<h1>:dir() is now widely available</h1>
<p>Sun, 07 Jun 2026 00:00:00 GMT</p>
The :dir() CSS functional pseudo-class matches elements by text direction, either right to left (rtl) or left to right (ltr). Every core browser has had it for 30 months.
</article>
<article>
<h1>Exponential functions (CSS) is now widely available</h1>
<p>Sun, 07 Jun 2026 00:00:00 GMT</p>
The pow(), sqrt(), hypot(), log(), and exp() CSS functions compute various exponential functions. Every core browser has had it for 30 months.
</article>
<article>
<h1>Masks is now widely available</h1>
<p>Sun, 07 Jun 2026 00:00:00 GMT</p>
The mask CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image. Every core browser has had it for 30 months.
</article>
<article>
<h1>scripting media query is now widely available</h1>
<p>Sun, 07 Jun 2026 00:00:00 GMT</p>
The scripting CSS media query sets styles based on whether scripting such as JavaScript is available. Values are enabled if scripting is available, initial-only if scripting is only available on page load (for example, printed content), or none. Every core browser has had it for 30 months.
</article>
<article>
<h1>lh unit is now widely available</h1>
<p>Thu, 21 May 2026 00:00:00 GMT</p>
The lh CSS length unit corresponds to the requested line height, the computed value of the line-height property. Some lines may be higher than this based on their content. Every core browser has had it for 30 months.
</article>
<article>
<h1>rlh unit is now widely available</h1>
<p>Thu, 21 May 2026 00:00:00 GMT</p>
The rlh CSS length unit is a font-relative length relative to the line height of root element. Every core browser has had it for 30 months.
</article>
<article>
<h1>Container style queries is now newly available</h1>
<p>Tue, 19 May 2026 00:00:00 GMT</p>
Container style queries with the @container at-rule apply styles to an element based on the values of custom properties of its container. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>:open is now newly available</h1>
<p>Mon, 11 May 2026 00:00:00 GMT</p>
The :open CSS pseudo-class matches elements that have open states, like <details>, <dialog>, or <select>, based on their state. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>crisp-edges is now newly available</h1>
<p>Thu, 07 May 2026 00:00:00 GMT</p>
The image-rendering: crisp-edges CSS declaration scales images to preserve lines without blurring. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>text-decoration-skip-ink: all is now newly available</h1>
<p>Thu, 07 May 2026 00:00:00 GMT</p>
The text-decoration-skip-ink: all CSS declaration forces interruptions in underlines and overlines where the line would cross a glyph. This contrasts with auto, which does not skip for CJK glyphs. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>:user-valid and :user-invalid is now widely available</h1>
<p>Sat, 02 May 2026 00:00:00 GMT</p>
The :user-valid and :user-invalid pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints. Every core browser has had it for 30 months.
</article>
<article>
<h1>Clip path boxes is now widely available</h1>
<p>Sat, 02 May 2026 00:00:00 GMT</p>
The fill-box, stroke-box, and view-box values for clip-path set an edge of the element's box to use as the clipping shape. Every core browser has had it for 30 months.
</article>
<article>
<h1>contrast-color() is now newly available</h1>
<p>Fri, 10 Apr 2026 00:00:00 GMT</p>
The contrast-color() CSS function picks a color that has guaranteed contrast against a specified foreground or background color. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>@scope is now newly available</h1>
<p>Tue, 24 Mar 2026 00:00:00 GMT</p>
The @scope CSS at-rule sets the scope for a group of rules. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>baseline-shift is now newly available</h1>
<p>Tue, 24 Mar 2026 00:00:00 GMT</p>
The baseline-shift CSS property sets the position of an element relative to its dominant baseline. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>Custom highlights is now newly available</h1>
<p>Tue, 24 Mar 2026 00:00:00 GMT</p>
Custom highlights style arbitrary text ranges, without adding extra elements to the DOM. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>Math font family is now newly available</h1>
<p>Tue, 24 Mar 2026 00:00:00 GMT</p>
The font-family: math CSS declaration uses the browser default font face for displaying mathematical expressions. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>@counter-style is now widely available</h1>
<p>Wed, 18 Mar 2026 00:00:00 GMT</p>
The @counter-style CSS at-rule sets custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list. Every core browser has had it for 30 months.
</article>
<article>
<h1>contain-intrinsic-size is now widely available</h1>
<p>Wed, 18 Mar 2026 00:00:00 GMT</p>
The contain-intrinsic-size CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size. Every core browser has had it for 30 months.
</article>
<article>
<h1>Hyphenate character is now widely available</h1>
<p>Wed, 18 Mar 2026 00:00:00 GMT</p>
The hyphenate-character CSS property sets the character or string to use at the end of a line before a line break. Every core browser has had it for 30 months.
</article>
<article>
<h1>Hyphenation is now widely available</h1>
<p>Wed, 18 Mar 2026 00:00:00 GMT</p>
The hyphens CSS property controls when long words are broken by line wrapping. Although called hyphens, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters. Support for non-English languages varies significantly. Every core browser has had it for 30 months.
</article>
<article>
<h1>image-set() is now widely available</h1>
<p>Wed, 18 Mar 2026 00:00:00 GMT</p>
The image-set() CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities. Every core browser has had it for 30 months.
</article>
<article>
<h1>Overflow media queries is now widely available</h1>
<p>Wed, 18 Mar 2026 00:00:00 GMT</p>
The overflow-block and overflow-inline CSS media queries set styles based on the way a device displays content that's larger than the viewport or page area. For example, a laptop lets users scroll to reveal content, while a printer displays overflowing content on additional pages. Every core browser has had it for 30 months.
</article>
<article>
<h1>Update frequency media query is now widely available</h1>
<p>Wed, 18 Mar 2026 00:00:00 GMT</p>
The update CSS media query sets styles based on whether and how fast the user's device can modify display after it has been rendered. For example, you can avoid animations on devices that aren't fast enough to display them smoothly. Every core browser has had it for 30 months.
</article>
<article>
<h1>Subgrid is now widely available</h1>
<p>Sun, 15 Mar 2026 00:00:00 GMT</p>
The subgrid value for the grid-template-columns and grid-template-rows properties allows a grid item to inherit the grid definition of its parent grid container. Every core browser has had it for 30 months.
</article>
<article>
<h1>text-indent: each-line is now newly available</h1>
<p>Fri, 13 Mar 2026 00:00:00 GMT</p>
The text-indent: each-line CSS declaration indents text after forced breaks as well as to the first line of a block. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>text-indent: hanging is now newly available</h1>
<p>Fri, 13 Mar 2026 00:00:00 GMT</p>
The text-indent: hanging CSS declaration indents all lines except the first. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>shape() is now newly available</h1>
<p>Tue, 24 Feb 2026 00:00:00 GMT</p>
The shape() CSS function creates shapes with a series of commands like line, move, and curve. It can be used with clip-path and shape-outside. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>Two-value display property is now widely available</h1>
<p>Wed, 21 Jan 2026 00:00:00 GMT</p>
The display CSS property accepts multiple keyword values, such as inline flex or block flow, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax. Every core browser has had it for 30 months.
</article>
<article>
<h1>Active view transition is now newly available</h1>
<p>Tue, 13 Jan 2026 00:00:00 GMT</p>
The :active-view-transition CSS pseudo-class matches the root element when a view transition is active. The :active-view-transition-type() CSS pseudo-class matches only when the active view transition was started with the specified type. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>rcap unit is now newly available</h1>
<p>Tue, 13 Jan 2026 00:00:00 GMT</p>
The rcap CSS length unit is a font-relative length equal to the value of the cap unit on the root element. Cap-height is approximately equal to the height of a capital Latin letter. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>rch unit is now newly available</h1>
<p>Tue, 13 Jan 2026 00:00:00 GMT</p>
The rch CSS length unit is a font-relative length equal to the value of the ch unit on the root element. ch length is based on the width of the zero (0) character. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>rex unit is now newly available</h1>
<p>Tue, 13 Jan 2026 00:00:00 GMT</p>
The rex CSS length unit is a font-relative length that is equal to the x-height of the root element. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>ric unit is now newly available</h1>
<p>Tue, 13 Jan 2026 00:00:00 GMT</p>
The ric CSS length unit, or root international character, is a font-relative length equal to the width of CJK character relative to the root element. The last core browser has shipped it. Keep a fallback for older browsers.
</article>
<article>
<h1>animation-composition is now widely available</h1>
<p>Sun, 04 Jan 2026 00:00:00 GMT</p>
The animation-composition CSS property chooses how to combine animations that affect the same property. Every core browser has had it for 30 months.
</article>
</main></body></html>

CSS Crème: CSS that became safe to ship in 2026

alpha() is now newly available

light-dark() image values is now newly available

overflow-anchor is now newly available

progress() is now newly available

sibling-count() and sibling-index() is now newly available

rect() and xywh() is now widely available

:has() is now widely available

field-sizing is now newly available