October 2024 web platform updateNow widely available on the web platformHWB: The hwb() CSS function picks colors using hue, whiteness, and blackness channels. Learn more. Newly available on the web platformrequestVideoFrameCallback(): The requestVideoFrameCallback() method for <video> schedules a function that runs with the next video frame. It is similar to requestAnimationFrame(), but for video. Learn more. Color management for WebGL: The drawingBufferColorSpace and unpackColorSpace properties of WebGLRenderingContext sets the color representation for the buffer and imported textures, such as "srgb" or "display-p3". Learn more. Color management for WebGL2: The drawingBufferColorSpace and unpackColorSpace properties of WebGL2RenderingContext sets the color representation for the buffer and imported textures, such as "srgb" or "display-p3". Learn more.

September 2024 web platform updateNow widely available on the web platformappearance: The appearance CSS property controls the appearance of form controls. Using appearance: none disables any default native appearance and allows the elements to be styled with CSS. Learn more. Array at(): The at() method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method. Learn more. ::backdrop: The ::backdrop CSS pseudo-element is a box underneath an element in the top layer, such as a <dialog>. It can be used to create obscuring effects distinguishing a modal element from the elements underneath. Learn more. background-attachment: The background-attachment CSS property sets whether an element's background image or gradient moves as the element scrolls. Learn more. BroadcastChannel: The BroadcastChannel API allows you to send messages between same-origin browsing contexts, such

August 2024 web platform updateNow widely available on the web platformcolor-scheme: The color-scheme CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser. Learn more. Newly available on the web platformtransition-behavior: The transition-behavior: allow-discrete CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%. Learn more.

July 2024 web platform updateNow widely available on the web platformfont-synthesis: The font-synthesis CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as font-synthesis-style and font-synthesis-weight. Learn more. Newly available on the web platformAlt text for generated content: The / notation in content CSS property values adds alternative text to generated content. For example, the content: url('upvote-icon.svg') / 'Upvote' declaration adds accessible 'Upvote' text to the SVG icon. Also known as alternate text. Learn more. font-size-adjust: The font-size-adjust CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size. Learn more. Unsanitized HTML parsing methods: The Document.parseHTMLUnsafe() static method parses HTM

June 2024 web platform updateNow widely available on the web platformSharedArrayBuffer and Atomics: The SharedArrayBuffer object represents bytes shared between multiple workers and the main thread. The Atomics object safely accesses SharedArrayBuffer data to make sure predictable values are read and written and that operations are not interrupted. Learn more. Threads and atomics (WebAssembly): Threads in WebAssembly run code in parallel, while atomic memory instructions can guarantee that no two threads can read or write to shared memory at the same time. Learn more. Newly available on the web platformAsync clipboard: The navigator.clipboard API asynchronously reads and writes to the system clipboard. Learn more. Gradient interpolation: Gradient interpolation controls how the colors between gradient stops are calculated in CSS. For example, linear-gradient(to right in oklch longer hue, red, red); calculates in the oklch color space, with the hue going all the way around the hue circle

May 2024 web platform updateNow widely available on the web platformfit-content: The fit-content CSS keyword expands a box as needed to fit its contents until the maximum size is reached, preserving the content's preferred aspect ratio. Learn more. Reference types (WebAssembly): The externref type can be both a value type and a table element type, while funcref can be a value type. Learn more. Newly available on the web platformlight-dark(): The light-dark() CSS function accepts two colors and uses one depending on the current color scheme. Learn more. round(), mod(), and rem(): The round(), mod(), and rem() CSS functions compute rounded values and the remainder after division. Learn more. :state(): The :state() CSS pseudo-class matches custom elements based on their custom state, set through the ElementInternals.states API. Learn more. text-wrap: balance: The text-wrap: balance CSS declaration balances the length of each line when text is broken into multiple lines. Also known as head

April 2024 web platform updateNow widely available on the web platformimage-rendering: The image-rendering CSS property sets how images are scaled, retaining smoothness for photos, or hard edges for pixel art and QR codes. Learn more. Navigation timing: The navigation performance entry and the PerformanceNavigationTiming API measures navigation events, such as loading time or the number of redirects. Learn more. Bulk memory operations (WebAssembly): Bulk memory operations, such as copy and init, mirror the efficiency of native memcpy and memmove operations. Learn more. Non-trapping float-to-int conversion (WebAssembly): Saturating floating-point to integer conversion operators return the maximum or minimum integer value on overflow instead of trapping. Learn more. Newly available on the web platformalign-content in block layouts: The align-content property vertically aligns content in block layouts, like it does in flex or grid layouts. Learn more. Intl.Segmenter: The Intl.Segmenter AP

March 2024 web platform updateNow widely available on the web platformaspect-ratio: The aspect-ratio CSS property controls the width-to-height ratio of elements. For <img> and <video> elements, the width and height attributes used together with height: auto control the aspect ratio while the image/video is loading. Learn more. BigInt64Array: The BigInt64Array and BigUint64Array typed arrays represent 64-bit integers, signed and unsigned respectively. Learn more. Events: Events fire when significant things happen in the page, such as an image loading or a user clicking. You can use the addEventListener() method on objects that receive events (event targets), such as windows, documents, and elements, to set a function to be called when an event fires. Learn more. EXT_color_buffer_float WebGL extension: The EXT_color_buffer_float extension for WebGL 2.0 contexts adds color-renderable floating point formats to renderbufferStorage(). Learn more. System font: The font-family: system-ui CSS d

February 2024 web platform updateNow widely available on the web platformtab-size: The tab-size CSS property sets the width of the tab character. Learn more. Visual viewport API: The visualViewport API provides a way to query and modify the user-visible viewport of a web page. Learn more. Newly available on the web platformDeclarative shadow DOM: The shadowrootmode attribute on <template> creates a shadow root without the use of JavaScript. It is a declarative alternative to the attachShadow() method. Learn more.

January 2024 web platform updateNewly available on the web platformArray.fromAsync(): The Array.fromAsync() static method copies items from an async iterable object to make a new array. Learn more. AVIF: AVIF (AV1 Image File Format) is an image format based on the AV1 video format. Learn more.

December 2023 web platform updateNewly available on the web platformCanvas reset(): The reset() method clears a canvas to its initial state. Learn more. cap unit: The CSS cap unit corresponds to the height of Latin capital letters. Learn more. counter-set: 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. Learn more. :dir(): The :dir() CSS functional pseudo-class matches elements by text direction, either right to left (rtl) or left to right (ltr). Learn more. pow(), sqrt(), hypot(), log(), and exp(): The pow(), sqrt(), hypot(), log(), and exp() CSS functions compute various exponential functions. Learn more. :has(): The :has() CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element. Learn more. linear() easing: The linear() easing function for animations and transitions interpolates linearly between the control points, and can

November 2023 web platform updateNewly available on the web platformClip path boxes: 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. Learn more. lh unit: The CSS lh 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. Learn more. rlh unit: The rlh CSS length unit is a font-relative length relative to the line height of root element. Learn more. User activation: The navigator.userActivation API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure. Learn more. :user-valid and :user-invalid: The :user-valid and :user-invalid pseudo-classes match form controls that have been marked as valid or invalid based on thei

October 2023 web platform updateNow widely available on the web platformAudioWorklet: The AudioWorklet API runs module code in a separate thread, specifically for non-blocking, low latency audio processing. Learn more. ::file-selector-button: The ::file-selector-button CSS pseudo-element selects the button of a <input type="file"> element. Learn more. Flexbox gap: The gap CSS property in a flexbox layout sets the size of the space between items. Learn more. Date and time <input> types: The <input type="date"> and <input type="time"> HTML elements represent date and time pickers in a form. Learn more. Intl.DisplayNames: The Intl.DisplayNames API provides localized names of language, region, script, and currency codes. Learn more. Intl.ListFormat: The Intl.ListFormat API creates a locale-aware formatter that turns iterable objects into localized strings. Learn more. OES_fbo_render_mipmap WebGL extension: The OES_fbo_render_mipmap extension for WebGL 1.0 contexts attaches any level of a t

September 2023 web platform updateNewly available on the web platformcontain-intrinsic-size: 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. Learn more. @counter-style: 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. Learn more. Device orientation events: The DeviceMotion and DeviceOrientation events report the movement and orientation of the browser's device in physical space. Learn more. Hyphenate character: The hyphenate-character CSS property sets the character or string to use at the end of a line before a line break. Learn more. Hyphenation: 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 customa

August 2023 web platform updateNewly available on the web platformdirname: The dirname attribute of <textarea> and <input> HTML elements includes the field's writing direction as form data on submission. Learn more.

July 2023 web platform updateNow widely available on the web platformclip-path: The clip-path CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden. Learn more. :is(): The :is() CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. Learn more. :not: The :not() functional pseudo-class matches elements that do not match the selectors in its argument. Learn more. :where(): The :where() CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity. Learn more. Newly available on the web platformanimation-composition: The animation-composition CSS property chooses how to combine animations that affect the same property. Learn more. Array by copy: The to

June 2023 web platform updateNewly available on the web platformcalc() constants: The e, pi, infinity, and NaN constants are accepted in CSS math functions such as calc(). Learn more. JavaScript modules in workers: The Worker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in workers. Learn more. window.print(): The window.print() method opens the browser's print dialog. Learn more.

May 2023 web platform updateNow widely available on the web platformConic gradients: The conic-gradient() and repeating-conic-gradient() CSS functions create backgrounds that progress between two or more colors around a center point. Learn more. Text underline position: The text-underline-position and text-underline-offset CSS properties set the position and distance from initial position of text underlines on text with text-decoration: underline. Learn more. Newly available on the web platformcolor(): The color() function picks a color from a given color space. Wide gamut color spaces like display-p3 allow showing more vibrant and saturated colors than the standard srgb color space. Learn more. color-mix(): The color-mix() function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black. Learn more. Compression streams: The CompressionStream and DecompressionStream interfaces compress an

April 2023 web platform updateNow widely available on the web platformMulti-value (WebAssembly): Instructions and blocks can produce multiple result values. Learn more. Newly available on the web platformCanvas createConicGradient(): The createConicGradient() methods draw a conic gradient to a 2D canvas. Learn more. Canvas roundRect(): The roundRect() methods draw a rounded rectangle to a 2D canvas. Learn more.

March 2023 web platform updateNow widely available on the web platformBigInt: The BigInt JavaScript type represents integers of any size, including integers too large for the primitive Number type. Learn more. EXT_color_buffer_half_float WebGL extension: The EXT_color_buffer_half_float extension for WebGL 1.0 and 2.0 contexts renders 16-bit floating-point color buffers. Learn more. Intl.Locale: The Intl.Locale API parses Unicode locale identifiers, with language, region, and script codes, such as zh-Hans-CN or en-GB. Learn more. Intl.RelativeTimeFormat: The Intl.RelativeTimeFormat API creates a locale-aware formatter that turns an object representing a relative time (such as '1 day ago') into a localized string. 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 an AggregateError when all of the promises have rejected. Learn more. scrol

February 2023 web platform updateNow widely available on the web platformString replaceAll(): The replaceAll() method of strings returns a new string where all matches of a pattern (a string or regular expression) have been substituted with a replacement string. Learn more. Newly available on the web platform:autofill: The :autofill pseudo-class matches <input> elements that have been filled in automatically by the browser. Learn more. color-gamut media query: The color-gamut media query sets styles based on the colors a device can display. Learn more. Container queries: Container size queries with the @container at-rule apply styles to an element based on the dimensions of its container. Learn more.

January 2023 web platform updateNow widely available on the web platformbackground-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 funct

December 2022 web platform updateNewly available on the web platformSmall, large, and dynamic viewport units: The sv*, lv*, and dv* CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions. Learn more. OES_draw_buffers_indexed WebGL extension: The OES_draw_buffers_indexed extension for WebGL 2.0 contexts allows you to control blending on a per-color basis when writing to multiple color buffers simultaneously. Learn more.

November 2022 web platform updateNewly available on the web platformfont-palette: The font-palette CSS property selects a color palette from the font, optionally overriding individual colors in the @font-palette-values at-rule. Learn more.

October 2022 web platform updateNow widely available on the web platformimage-orientation: The image-orientation CSS property corrects the rotation of an image using the image's metadata, such as EXIF. Learn more. Newly available on the web platformGrid animation: Grid animation allows you to animate the grid-template-columns and grid-template-rows CSS properties. Learn more. ic unit: The CSS ic unit corresponds to the width of CJK ideographic characters. Learn more.

September 2022 web platform updateNow widely available on the web platformfont-optical-sizing: The font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes. Learn more. Q unit: The Q CSS length unit is an absolute length anchored to the physical measurement of quarter-millimeters. 1Q is equivalent to 1/40 of 1 centimeter. Learn more. Import and export of mutable globals (WebAssembly): Mutable global variables are importable and exportable. Learn more. Web animations: The animate() method of Element objects programmatically animates elements over time and can synchronize the animations of multiple elements. Learn more. Newly available on the web platformInline-size containment: The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations. Learn more. Forced colors: The forced-colors CSS @media rule detects when a user

August 2022 web platform updateNow widely available on the web platformEXT_sRGB WebGL extension: The EXT_sRGB extension for WebGL 1.0 contexts adds sRGB support to textures and framebuffer objects. Learn more. Newly available on the web platformArray findLast() and findLastIndex(): The findLast() and findLastIndex() methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function. Learn more. Individual transform properties: The translate, rotate, and scale CSS properties apply single transformations independently, as opposed to applying multiple transformations with the transform CSS property. Learn more.

July 2022 web platform updateNow widely available on the web platformall: The all CSS property is a shorthand for all CSS properties, except for direction and unicode-bidi. It accepts only the keywords for explicit defaulting (such as initial and inherit), since they are the only values supported on all CSS properties. Learn more. Array flat() and flatMap(): The flat() and flatMap() methods for arrays creates a new array such that each nested array item is concatenated into it. Learn more. Async generators: Async generator functions (async function*) create iterators that return multiple promises, one after another, on-demand. Learn more. Async iterators and the for await..of loop: Asynchronous iterator objects, such as those returned by promises or generator functions, are iterable with the for await .. of loop. Learn more. Autonomous custom elements: Autonomous custom elements are HTML elements with a hyphenated tag name (like <example-element>) that have behaviors you define. Learn

June 2022 web platform updateNewly available on the web platformStreams: The streams API creates, composes, and consumes continuously generated data. Learn more.

May 2022 web platform updateNewly available on the web platformdynamic-range media query: The dynamic-range CSS media query sets styles based on whether a device can display at least standard range colors or at least high range colors. Non-visual devices will match neither. Learn more. prefers-contrast media query: The prefers-contrast CSS media query sets styles based on whether the user prefers more or less contrast, the difference between foreground and background colors. Learn more. Exception handling (WebAssembly): Exceptions break the normal control flow of execution to represent exceptional behavior, such as an error. You can respond to the exception in JavaScript code. Learn more.

April 2022 web platform updateNewly available on the web platformHWB: The hwb() CSS function picks colors using hue, whiteness, and blackness channels. Learn more.

March 2022 web platform updateNow widely available on the web platformIntl.PluralRules: The Intl.PluralRules API creates a locale-aware object that tells you which of the language's pluralization rules apply based on a given number. Learn more. Print events: An alternative to @media print queries, the beforeprint and afterprint events allow you to change the page for printing and and restore the page after printing. Learn more. Sticky positioning: The position: sticky CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position. Learn more. touch-action: The touch-action CSS property sets whether an element on a touch screen can be panned or pinched to zoom. Learn more. Newly available on the web platformappearance: The appearance CSS property controls the appearance of form controls. Using appearance: none disables any default native appearance and allows the elements to be styled with CSS. Le

February 2022 web platform updateNewly available on the web platformcolor-scheme: The color-scheme CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser. Learn more.

January 2022 web platform updateNewly available on the web platformfont-synthesis: The font-synthesis CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as font-synthesis-style and font-synthesis-weight. Learn more.

December 2021 web platform updateNewly available on the web platformSharedArrayBuffer and Atomics: The SharedArrayBuffer object represents bytes shared between multiple workers and the main thread. The Atomics object safely accesses SharedArrayBuffer data to make sure predictable values are read and written and that operations are not interrupted. Learn more. Threads and atomics (WebAssembly): Threads in WebAssembly run code in parallel, while atomic memory instructions can guarantee that no two threads can read or write to shared memory at the same time. Learn more.

November 2021 web platform updateNewly available on the web platformfit-content: The fit-content CSS keyword expands a box as needed to fit its contents until the maximum size is reached, preserving the content's preferred aspect ratio. Learn more. Reference types (WebAssembly): The externref type can be both a value type and a table element type, while funcref can be a value type. Learn more.

October 2021 web platform updateNewly available on the web platformimage-rendering: The image-rendering CSS property sets how images are scaled, retaining smoothness for photos, or hard edges for pixel art and QR codes. Learn more. Navigation timing: The navigation performance entry and the PerformanceNavigationTiming API measures navigation events, such as loading time or the number of redirects. Learn more. Bulk memory operations (WebAssembly): Bulk memory operations, such as copy and init, mirror the efficiency of native memcpy and memmove operations. Learn more. Non-trapping float-to-int conversion (WebAssembly): Saturating floating-point to integer conversion operators return the maximum or minimum integer value on overflow instead of trapping. Learn more.

September 2021 web platform updateNow widely available on the web platformAbortable fetch: If you construct a fetch request with an AbortSignal, you can cancel the request. Learn more. AbortController and AbortSignal: The AbortController and AbortSignal APIs allow you to cancel an ongoing operation, such as a fetch() request. Learn more. Intersection observer: The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. Learn more. Newly available on the web platformaspect-ratio: The aspect-ratio CSS property controls the width-to-height ratio of elements. For <img> and <video> elements, the width and height attributes used together with height: auto control the aspect ratio while the image/video is loading. Learn more. BigInt64Array: The BigInt64Array and BigUint64Array typed arrays represent 64-bit integers, signed and unsigned respectively. Learn more. Events: Events fire when

August 2021 web platform updateNewly available on the web platformtab-size: The tab-size CSS property sets the width of the tab character. Learn more. Visual viewport API: The visualViewport API provides a way to query and modify the user-visible viewport of a web page. Learn more.

June 2021 web platform updateNow widely available on the web platformConstraint validation API: Methods that validate form controls before submission, such as checkValidity(), reportValidity() and setCustomValidity(). Learn more. Interaction media queries: The pointer, any-pointer, hover, and any-hover CSS media queries set styles based on the presence of pointing devices and their ability to hover over elements. For example, most smartphones match the (hover: none) and (pointer: coarse) media query. Learn more.

April 2021 web platform updateNow widely available on the web platform<output>: The <output> element represents the result of a calculation, user action, or form entry. Learn more. overflow-wrap: The overflow-wrap CSS property breaks a line of text onto multiple lines inside the targeted element in an otherwise unbreakable place to prevent overflow. The legacy property is word-wrap. Learn more. Promise finally(): The promise finally() method executes a function when the promise settles (resolves or rejects). Learn more. resolution media query (compatibility prefixes): The -webkit-device-pixel-ratio, -webkit-min-device-pixel-ratio, and -webkit-max-device-pixel-ratio CSS media queries are standardized compatibility alternatives to resolution media queries. Learn more. tabindex: The tabindex HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation. Learn more. Newly available on the web platformAudioWorklet: The AudioWorklet API ru

March 2021 web platform updateNow widely available on the web platformfont-variation-settings: The font-variation-settings CSS property sets an "axis of variability" on a variable font, such as weight, optical size, or a custom axis defined by the typeface designer. When possible, use other CSS font properties, such as font-weight: bold. Also known as variable fonts. Learn more. Speech synthesis: The SpeechSynthesis API converts text to speech with artificial voices. Learn more.

January 2021 web platform updateNewly available on the web platformclip-path: The clip-path CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden. Learn more. :is(): The :is() CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. Learn more. :not: The :not() functional pseudo-class matches elements that do not match the selectors in its argument. Learn more. :where(): The :where() CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity. Learn more.

November 2020 web platform updateNow widely available on the web platformArray iterators: Arrays are iterable with the for … of statement and enumerable with the methods entries(), keys(), and values(). Learn more. JavaScript modules: JavaScript modules allow code to be organized into reusable units. Modules use import to load other modules and export to declare what is available to import from other modules. In HTML, modules are loaded with <script type="module">. Learn more. Newly available on the web platformConic gradients: The conic-gradient() and repeating-conic-gradient() CSS functions create backgrounds that progress between two or more colors around a center point. Learn more. Text underline position: The text-underline-position and text-underline-offset CSS properties set the position and distance from initial position of text underlines on text with text-decoration: underline. Learn more.

October 2020 web platform updateNow widely available on the web platformEXT_blend_minmax WebGL extension: The EXT_blend_minmax extension for WebGL 1.0 contexts adds two blend equations, the minimum and maximum color components of the source and destination colors. Learn more. OES_vertex_array_object WebGL extension: The OES_vertex_array_object extension for WebGL 1.0 contexts adds vertex array objects (VAOs) which encapsulate vertex array states. These objects keep pointers to vertex data and names for different sets of vertex data. Learn more. Upgrade insecure requests: The Upgrade-Insecure-Requests HTTP request header tells the server that the response should redirect to a secure (HTTPS) resource. Learn more. WEBGL_lose_context WebGL extension: The WEBGL_lose_context extension for WebGL 1.0 and 2.0 contexts simulates losing and restoring a WebGLRenderingContext or WebGL2RenderingContext. Learn more. Newly available on the web platformMulti-value (WebAssembly): Instructions and blocks

September 2020 web platform updateNewly available on the web platformBigInt: The BigInt JavaScript type represents integers of any size, including integers too large for the primitive Number type. Learn more. EXT_color_buffer_half_float WebGL extension: The EXT_color_buffer_half_float extension for WebGL 1.0 and 2.0 contexts renders 16-bit floating-point color buffers. Learn more. Intl.Locale: The Intl.Locale API parses Unicode locale identifiers, with language, region, and script codes, such as zh-Hans-CN or en-GB. Learn more. Intl.RelativeTimeFormat: The Intl.RelativeTimeFormat API creates a locale-aware formatter that turns an object representing a relative time (such as '1 day ago') into a localized string. 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 an AggregateError when all of the promises have rejected. Learn more. scroll

August 2020 web platform updateNewly available on the web platformString replaceAll(): The replaceAll() method of strings returns a new string where all matches of a pattern (a string or regular expression) have been substituted with a replacement string. Learn more.

July 2020 web platform updateNewly available on the web platformbackground-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 ret

April 2020 web platform updateNow widely available on the web platform<data>: The <data> element links a given piece of content with a machine-readable translation. Learn more. Grid: CSS grid is a two-dimensional layout system, which lays content out in rows and columns. Learn more. <time>: The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format. Learn more. Viewport units: The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions. Learn more. WebAssembly: The WebAssembly.instantiate() and WebAssembly.instantiateStreaming() global static methods load WebAssembly code (also known as Wasm), a portable binary instruction format. Learn more. Newly available on the web platformimage-orientation: The image-orientation CSS property corrects the rotation of an image using t

March 2020 web platform updateNow widely available on the web platformfont-stretch: The font-stretch CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage. Learn more. Intl: The Intl API provides language sensitive string comparison, number formatting, date and time formatting, and more. Learn more. Media capture: The navigator.mediaDevices.getUserMedia() API requests access to devices that produce audio or video streams, such as microphones or video cameras. Learn more. Resource timing (initial support): PerformanceResourceTiming entries report when network events happen while loading a resource, such as when connections start and end. You can use this information to measure loading times. Learn more. Newly available on the web platformfont-optical-sizing: The font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes. Learn more. Q unit: The Q CSS length unit is an absolu

February 2020 web platform updateNewly available on the web platformEXT_sRGB WebGL extension: The EXT_sRGB extension for WebGL 1.0 contexts adds sRGB support to textures and framebuffer objects. Learn more.

January 2020 web platform updateNewly available on the web platformall: The all CSS property is a shorthand for all CSS properties, except for direction and unicode-bidi. It accepts only the keywords for explicit defaulting (such as initial and inherit), since they are the only values supported on all CSS properties. Learn more. Array flat() and flatMap(): The flat() and flatMap() methods for arrays creates a new array such that each nested array item is concatenated into it. Learn more. Async generators: Async generator functions (async function*) create iterators that return multiple promises, one after another, on-demand. Learn more. Async iterators and the for await..of loop: Asynchronous iterator objects, such as those returned by promises or generator functions, are iterable with the for await .. of loop. Learn more. Autonomous custom elements: Autonomous custom elements are HTML elements with a hyphenated tag name (like <example-element>) that have behaviors you define. Learn mo

October 2019 web platform updateNow widely available on the web platformAsync functions: The async and await keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains. Learn more. Custom properties: Custom properties are CSS properties prefixed with -- that set values you can reuse with the var() function. For example, you can set a --key-color property to reuse as border-color: var(--key-color). Also known as CSS variables. Learn more. font-feature-settings: The font-feature-settings CSS property sets low-level OpenType feature tags for a font. When possible, use font-variant instead. Learn more. Outlines: The outline-color, outline-style, and outline-width and outline-offset CSS properties style a line around an element, outside of the border. Learn more. String padStart() and padEnd(): The padStart() and padEnd() methods of strings return a string lengthened to a minimum number of characters by adding characters to the start or end

September 2019 web platform updateNow widely available on the web platformClipboard events: The "copy", "cut", and "paste" events fire on elements when the user starts an action with the clipboard. Learn more. column-fill: The column-fill CSS property sets the distribution of content across columns in a multi-column layout. Learn more. Fetch: The fetch() method makes asynchronous HTTP requests. Learn more. <input type="range">: The <input type="range"> element allows the user to choose a value using a slider widget. Learn more. Multi-column layout: Multi-column layout flows an element's content across one or more columns in a single row, without affecting the display property of its children. Learn more. Selection: The Selection API controls and modifies user text selections within the page. Learn more. writing-mode: The writing-mode CSS property sets whether text is laid out horizontally or vertically, and left to right, or right to left. Learn more. Newly available on the web platfor

August 2019 web platform updateNow widely available on the web platformBorder images: The border-image CSS property draws an image around an element. Learn more.

March 2019 web platform updateNow widely available on the web platformArray copyWithin(): The copyWithin() method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length. Learn more. Array fill(): The fill() method of arrays and typed arrays sets all or some items of an array to a given a value. Learn more. Array find() and findIndex(): The find() and findIndex() methods of arrays and typed arrays search an array for the first item that satisfies a test function. Learn more. Array.from(): The Array.from() and typed array .from() static methods copy items from an iterable or array-like object to make a new array. Learn more. Array includes(): The includes() method of arrays and typed arrays returns whether a given value appears in the array. Learn more. Array.of(): The Array.of() and typed array .of() static methods create new arrays from the values of any number of arguments. Learn more. background-repeat: The background-r

February 2019 web platform updateNow widely available on the web platformContent Security Policy (CSP): Content Security Policy (CSP) helps to mitigate certain security threats, including cross-site scripting (XSS) and clickjacking attacks. It consists of a set of directives from a website to a browser, which instruct the browser to restrict the things that the site is allowed to do. Learn more. OES_texture_half_float WebGL extension: The OES_texture_half_float extension for WebGL 1.0 contexts adds texture formats with 16-bit (also known as half float) and 32-bit floating-point components. Learn more.

December 2018 web platform updateNow widely available on the web platformANGLE_instanced_arrays WebGL extension: The ANGLE_instanced_arrays extension for WebGL 1.0 contexts draws the same object multiple times or groups of similar objects multiple times, if the group shares the same vertex data, primitive count and type. Learn more. EXT_texture_filter_anisotropic WebGL extension: The EXT_texture_filter_anisotropic extension for WebGL 1.0 and 2.0 contexts adds anisotropic filtering (AF). AF improves the quality of mipmapped texture access when viewing a textured primitive at an oblique angle. Learn more. Newly available on the web platformConstraint validation API: Methods that validate form controls before submission, such as checkValidity(), reportValidity() and setCustomValidity(). Learn more. Interaction media queries: The pointer, any-pointer, hover, and any-hover CSS media queries set styles based on the presence of pointing devices and their ability to hover over elements. For ex

October 2018 web platform updateNewly available on the web platform<output>: The <output> element represents the result of a calculation, user action, or form entry. Learn more. overflow-wrap: The overflow-wrap CSS property breaks a line of text onto multiple lines inside the targeted element in an otherwise unbreakable place to prevent overflow. The legacy property is word-wrap. Learn more. Promise finally(): The promise finally() method executes a function when the promise settles (resolves or rejects). Learn more. resolution media query (compatibility prefixes): The -webkit-device-pixel-ratio, -webkit-min-device-pixel-ratio, and -webkit-max-device-pixel-ratio CSS media queries are standardized compatibility alternatives to resolution media queries. Learn more. tabindex: The tabindex HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation. Learn more.

September 2018 web platform updateNow widely available on the web platformClasses: Classes are an object-oriented syntax for JavaScript prototypes. Learn more. <picture>: The <picture> element is used for art direction in responsive images, where a different image is displayed based on the <source> element. Learn more. unset: The unset keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like color) reset to the parent element's computed value. Non-inherited properties (like display) reset to the specified initial value (inline). Learn more. Newly available on the web platformfont-variation-settings: The font-variation-settings CSS property sets an "axis of variability" on a variable font, such as weight, optical size, or a custom axis defined by the typeface designer. When possible, use other CSS font properties, such as font-weight: bold. Also known as variable fonts. Learn more. Speech synthesis: The SpeechSynthes

May 2018 web platform updateNow widely available on the web platforminitial: The initial keyword resets any CSS property to its initial value as defined by the specification. For example, the initial value of the display property is inline, regardless of the element being styled. Not to be confused with revert, which resets to the user or browser default style. Learn more. <template>: The <template> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript. Learn more. Newly available on the web platformArray iterators: Arrays are iterable with the for … of statement and enumerable with the methods entries(), keys(), and values(). Learn more. JavaScript modules: JavaScript modules allow code to be organized into reusable units. Modules use import to load other modules and export to declare what is available to import from other modules. In HTML, modules are loaded with <script type="module">. Learn more.

April 2018 web platform updateNewly available on the web platformEXT_blend_minmax WebGL extension: The EXT_blend_minmax extension for WebGL 1.0 contexts adds two blend equations, the minimum and maximum color components of the source and destination colors. Learn more. OES_vertex_array_object WebGL extension: The OES_vertex_array_object extension for WebGL 1.0 contexts adds vertex array objects (VAOs) which encapsulate vertex array states. These objects keep pointers to vertex data and names for different sets of vertex data. Learn more. Upgrade insecure requests: The Upgrade-Insecure-Requests HTTP request header tells the server that the response should redirect to a secure (HTTPS) resource. Learn more. WEBGL_lose_context WebGL extension: The WEBGL_lose_context extension for WebGL 1.0 and 2.0 contexts simulates losing and restoring a WebGLRenderingContext or WebGL2RenderingContext. Learn more.

March 2018 web platform updateNow widely available on the web platformAnimations (CSS): The animation CSS property animates an element's style over time, using keyframes described in @keyframes rules. Learn more. Channel messaging: Channel messaging communicates one-to-one between browsing contexts on the same origin, such as between <iframe> elements or two documents using a shared worker. Learn more. CSS object model: The CSS object model API reads, creates, and modifies CSS stylesheets and inline styles. Also known as CSSOM. Learn more. Flexbox: Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping. Learn more. HTTP/2: The HTTP/2 protocol is a major revision of the HTTP network protocol, providing improved performance and efficiency by using a single TCP connection to send multiple streams of data at once. Learn more. Performance: The performance global object and the Performance API provide access to performance-r

January 2018 web platform updateNow widely available on the web platform<a>: The <a> element creates a hyperlink to any resource that's accessible via a URL, such as web pages, files, email addresses, or locations within the same page. Learn more. <abbr>: The <abbr> HTML element represents an abbreviation or acronym. Learn more. Absolute positioning: The position: absolute CSS declaration removes an element from the normal flow and positions it relative to its containing block, which is often the root element, or closest positioned ancestor. Learn more. <address>: The <address> element represents contact information for a person or people, or for an organization. Learn more. Array (initial support): Arrays are ordered lists of JavaScript values. Learn more. Array.isArray(): The Array.isArray() static method checks whether a value is an array. Learn more. Array iteration methods: Array iteration methods Learn more. Array splice(): The array splice() method changes an array in-place. You

October 2017 web platform updateNewly available on the web platform<data>: The <data> element links a given piece of content with a machine-readable translation. Learn more. Grid: CSS grid is a two-dimensional layout system, which lays content out in rows and columns. Learn more. <time>: The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format. Learn more. Viewport units: The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions. Learn more. WebAssembly: The WebAssembly.instantiate() and WebAssembly.instantiateStreaming() global static methods load WebAssembly code (also known as Wasm), a portable binary instruction format. Learn more.

September 2017 web platform updateNewly available on the web platformfont-stretch: The font-stretch CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage. Learn more. Intl: The Intl API provides language sensitive string comparison, number formatting, date and time formatting, and more. Learn more. Media capture: The navigator.mediaDevices.getUserMedia() API requests access to devices that produce audio or video streams, such as microphones or video cameras. Learn more. Resource timing (initial support): PerformanceResourceTiming entries report when network events happen while loading a resource, such as when connections start and end. You can use this information to measure loading times. Learn more.

April 2017 web platform updateNewly available on the web platformAsync functions: The async and await keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains. Learn more. Custom properties: Custom properties are CSS properties prefixed with -- that set values you can reuse with the var() function. For example, you can set a --key-color property to reuse as border-color: var(--key-color). Also known as CSS variables. Learn more. font-feature-settings: The font-feature-settings CSS property sets low-level OpenType feature tags for a font. When possible, use font-variant instead. Learn more. Outlines: The outline-color, outline-style, and outline-width and outline-offset CSS properties style a line around an element, outside of the border. Learn more. String padStart() and padEnd(): The padStart() and padEnd() methods of strings return a string lengthened to a minimum number of characters by adding characters to the start or end of the

March 2017 web platform updateNewly available on the web platformClipboard events: The "copy", "cut", and "paste" events fire on elements when the user starts an action with the clipboard. Learn more. column-fill: The column-fill CSS property sets the distribution of content across columns in a multi-column layout. Learn more. Fetch: The fetch() method makes asynchronous HTTP requests. Learn more. <input type="range">: The <input type="range"> element allows the user to choose a value using a slider widget. Learn more. Multi-column layout: Multi-column layout flows an element's content across one or more columns in a single row, without affecting the display property of its children. Learn more. Selection: The Selection API controls and modifies user text selections within the page. Learn more. writing-mode: The writing-mode CSS property sets whether text is laid out horizontally or vertically, and left to right, or right to left. Learn more.

February 2017 web platform updateNewly available on the web platformBorder images: The border-image CSS property draws an image around an element. Learn more.

September 2016 web platform updateNewly available on the web platformArray copyWithin(): The copyWithin() method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length. Learn more. Array fill(): The fill() method of arrays and typed arrays sets all or some items of an array to a given a value. Learn more. Array find() and findIndex(): The find() and findIndex() methods of arrays and typed arrays search an array for the first item that satisfies a test function. Learn more. Array.from(): The Array.from() and typed array .from() static methods copy items from an iterable or array-like object to make a new array. Learn more. Array includes(): The includes() method of arrays and typed arrays returns whether a given value appears in the array. Learn more. Array.of(): The Array.of() and typed array .of() static methods create new arrays from the values of any number of arguments. Learn more. background-repeat: The background-re

August 2016 web platform updateNewly available on the web platformContent Security Policy (CSP): Content Security Policy (CSP) helps to mitigate certain security threats, including cross-site scripting (XSS) and clickjacking attacks. It consists of a set of directives from a website to a browser, which instruct the browser to restrict the things that the site is allowed to do. Learn more. OES_texture_half_float WebGL extension: The OES_texture_half_float extension for WebGL 1.0 contexts adds texture formats with 16-bit (also known as half float) and 32-bit floating-point components. Learn more.

June 2016 web platform updateNewly available on the web platformANGLE_instanced_arrays WebGL extension: The ANGLE_instanced_arrays extension for WebGL 1.0 contexts draws the same object multiple times or groups of similar objects multiple times, if the group shares the same vertex data, primitive count and type. Learn more. EXT_texture_filter_anisotropic WebGL extension: The EXT_texture_filter_anisotropic extension for WebGL 1.0 and 2.0 contexts adds anisotropic filtering (AF). AF improves the quality of mipmapped texture access when viewing a textured primitive at an oblique angle. Learn more.

March 2016 web platform updateNewly available on the web platformClasses: Classes are an object-oriented syntax for JavaScript prototypes. Learn more. <picture>: The <picture> element is used for art direction in responsive images, where a different image is displayed based on the <source> element. Learn more. unset: The unset keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like color) reset to the parent element's computed value. Non-inherited properties (like display) reset to the specified initial value (inline). Learn more.

November 2015 web platform updateNewly available on the web platforminitial: The initial keyword resets any CSS property to its initial value as defined by the specification. For example, the initial value of the display property is inline, regardless of the element being styled. Not to be confused with revert, which resets to the user or browser default style. Learn more. <template>: The <template> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript. Learn more.

September 2015 web platform updateNewly available on the web platformAnimations (CSS): The animation CSS property animates an element's style over time, using keyframes described in @keyframes rules. Learn more. Channel messaging: Channel messaging communicates one-to-one between browsing contexts on the same origin, such as between <iframe> elements or two documents using a shared worker. Learn more. CSS object model: The CSS object model API reads, creates, and modifies CSS stylesheets and inline styles. Also known as CSSOM. Learn more. Flexbox: Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping. Learn more. HTTP/2: The HTTP/2 protocol is a major revision of the HTTP network protocol, providing improved performance and efficiency by using a single TCP connection to send multiple streams of data at once. Learn more. Performance: The performance global object and the Performance API provide access to performance-re

July 2015 web platform updateNewly available on the web platform<a>: The <a> element creates a hyperlink to any resource that's accessible via a URL, such as web pages, files, email addresses, or locations within the same page. Learn more. <abbr>: The <abbr> HTML element represents an abbreviation or acronym. Learn more. Absolute positioning: The position: absolute CSS declaration removes an element from the normal flow and positions it relative to its containing block, which is often the root element, or closest positioned ancestor. Learn more. <address>: The <address> element represents contact information for a person or people, or for an organization. Learn more. Array (initial support): Arrays are ordered lists of JavaScript values. Learn more. Array.isArray(): The Array.isArray() static method checks whether a value is an array. Learn more. Array iteration methods: Array iteration methods Learn more. Array splice(): The array splice() method changes an array in-place. You can use