July 2020 web platform update

Newly available on the web platform

Newly available

• background-size: The background-size CSS property scales or stretches a background based on the size of the element (with the contain and cover keywords), a length, or percentage. Learn more.

• column-span: The column-span CSS property controls whether a child element extends across all columns of a multi-column parent. Learn more.

• display: table: The display: table CSS declaration renders an element with the box layout of a <table> HTML element. Child elements may use equivalents to <table> internal elements such as display: table-row for <tr>. Learn more.

• dominant-baseline: The dominant-baseline CSS property sets the specific baseline used to align an elements's text and inline-level contents. Learn more.

• line-break: The line-break CSS property sets how strictly to apply rules for wrapping text to new lines, especially for symbols and punctuation. Learn more.

• min(), max(), and clamp(): The min() and max() CSS functions return the minimum or maximum of the arguments, while clamp() clamps a value to a given range. Learn more.

• Opacity (SVG): The fill-opacity, and stroke-opacity SVG attributes and CSS properties control the transparency of a stroke or fill of an SVG element. 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 the readonly attribute. Learn more.

• revert: The revert CSS keyword resets any property to its previous default, provided by either the user or browser stylesheets. For example, setting display: revert on a <div> will likely result in display: block, the browser default style. This is often confused with initial. Learn more.

• Shadow parts: The part and exportparts HTML attributes expose elements of a shadow DOM as named parts, which can be selected by the ::part() CSS pseudo-element for styling. Learn more.