July 2020 web platform update
Newly available on the web platform
Newly available
-
Grid: CSS Grid is a two-dimensional layout system, which lays content out in rows and columns. Learn more.
-
min(), max(), and clamp(): The
min()
andmax()
CSS functions return the minimum or maximum of the arguments, whileclamp()
clamps a value to a given range. Learn more. -
Promise.allSettled(): The
Promise.allSettled()
static method waits for an array of promises to settle (resolve or reject). Learn more. -
:read-only and :read-write: The
:read-only
and:read-write
CSS pseudo-classes match elements that are read-only or read-write, respectively. For example,:read-only
matches<input>
and<textarea>
elements with thereadonly
attribute. Learn more.
Now available in Chrome
Limited availability
-
appearance: The
appearance
CSS property controls the appearance of form controls. Usingappearance: none
disables any default native appearance and allows the elements to be styled with CSS. Learn more. -
Flexbox gap: The
gap
CSS property in a flexbox layout sets the size of the space between items. Learn more.
Now available in Chrome Android
Limited availability
-
appearance: The
appearance
CSS property controls the appearance of form controls. Usingappearance: none
disables any default native appearance and allows the elements to be styled with CSS. Learn more. -
Flexbox gap: The
gap
CSS property in a flexbox layout sets the size of the space between items. Learn more.
Now available in Edge
Limited availability
-
appearance: The
appearance
CSS property controls the appearance of form controls. Usingappearance: none
disables any default native appearance and allows the elements to be styled with CSS. Learn more. -
Flexbox gap: The
gap
CSS property in a flexbox layout sets the size of the space between items. Learn more.
Now available in Firefox
Limited availability
-
Promise.any(): The
Promise.any()
static method returns a promise that fulfills as soon as the first of an iterable of promises fulfills, with that promise's value. Otherwise, it rejects with anAggregateError
when all of the promises have rejected. Learn more.
Now available in Firefox for Android
Limited availability
-
HTML media capture: The
capture
HTML attribute for<input type="file">
elements allows the user to capture media using the device's camera or microphone. Learn more. -
Individual transform properties: Transform elements with separate
translate
,rotate
, andscale
CSS properties. Learn more. -
Motion path: The
offset
CSS property animates an element along a defined motion path. Learn more. -
Preloading responsive images: The
imagesrcset
andimagesizes
attributes with therel="preload"
attribute for the<link>
HTML element starts fetching responsive images before they're found in the body of the document. Learn more. -
Promise.any(): The
Promise.any()
static method returns a promise that fulfills as soon as the first of an iterable of promises fulfills, with that promise's value. Otherwise, it rejects with anAggregateError
when all of the promises have rejected. Learn more. -
Subgrid: The
subgrid
value for thegrid-template-columns
andgrid-template-rows
properties allows a grid item to inherit the grid definition of its parent grid container. Learn more. -
Two-value display property: The
display
CSS property accepts multiple keyword values, such asinline flex
orblock flow
, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax. Learn more.