Groups

Work in progress. This page displays groups of features in a tree structure. Groups have not yet been finalized, expect frequent changes.

• Animation

  • animation-composition
  • Animations (CSS)
  • cubic-bezier() easing
  • interpolate-size
  • Scroll-driven animations
  • SMIL SVG animations
  • steps() easing
  • Web animations
• Canvas

  • <canvas>
  • 2D canvas
  • 2D canvas opacity
  • Color management for 2D canvas
  • Desynchronized 2D canvas
  • willReadFrequently
  • contextlost and contextrestored
  • Canvas createConicGradient()
  • Canvas reset()
  • Canvas roundRect()
  • captureStream() for <canvas>
  • Offscreen canvas
• Clipboard

  • Async clipboard
  • Custom formats for clipboard items
  • Clipboard events
  • ClipboardItem.supports()
  • SVG clipboard items
  • Read unsanitized clipboard data
• Clipping, shapes and masking

  • clip-path
  • Animatable clipping paths
  • Clip path boxes
  • mask-border
  • mask-type
  • Masks
  • shape-outside
  • shapes
• Compute pressure

  • CPU compute pressure
  • Virtual pressure sources
• Credential management

  • Credential management
  • Federated credential management
  • Federated credentials
  • Password credentials
  • WebOTP
• CSS

  • Background

    • background
    • background-attachment
    • background-clip
    • background-clip: border-area
    • background-clip: text
    • background-color
    • background-image
    • background-origin
    • background-position
    • background-repeat
    • background-size
    • box-shadow
  • Blend mode

    • background-blend-mode
    • isolation
    • mix-blend-mode
  • Borders and outlines

    • Border images
    • border-radius
    • Borders
  • Color types

    • color()
    • currentColor
    • HSL
    • HWB
    • Lab and LCH
    • Named colors
    • Oklab and Oklch
    • RGB
    • System colors
  • Containment

    • Inline-size containment
    • contain-intrinsic-size
    • Layout containment
    • Paint containment
    • Size containment
    • Style containment
    • Container queries
    • Container style queries
  • Counters

    • Reversed counter-reset
    • counter-set
    • @counter-style
    • Counters (CSS)
  • CSS object models

    • CSS.escape()
    • CSS object model
    • CSS typed object model
    • getComputedStyle()
    • Numeric factory functions
  • CSS environment variables

    • Safe area inset environment variables
  • Explicit defaults

    • all
    • inherit
    • initial
    • revert
    • unset
  • Fonts

    • Typographic font features

      • font-feature-settings
      • font-kerning
      • font-language-override
      • font-variant
      • font-variant-caps
      • font-variant-east-asian
      • font-variant-emoji
      • font-variant-ligatures
      • font-variant-numeric
      • font-variant-position
    • Font synthesis

      • font-synthesis
      • font-synthesis-position
      • font-synthesis-small-caps
      • font-synthesis-style
      • font-synthesis-weight

    • COLRv0
    • COLRv1
    • font-display
    • @font-face
    • font-family
    • Font metric overrides
    • font-optical-sizing
    • font-palette
    • font-palette animation
    • Font shorthand
    • font-size
    • font-size-adjust
    • font-stretch
    • font-style
    • font-variant-alternates
    • font-variation-settings
    • font-weight
  • Gradients

    • Conic gradients
    • Gradient interpolation
    • Gradients
  • Layout

    • Flexbox

      • Flexbox
      • Flexbox gap
    • Grid

      • Grid
      • Grid animation
      • Subgrid
    • multi-column

      • column-fill
      • column-span
      • Multi-column layout
    • Positioning

      • Absolute positioning
      • Fixed positioning
      • Position
      • Relative positioning
      • Static positioning
      • Sticky positioning

    • align-content in block layouts
    • box-sizing
    • Column breaks
    • fit-content
    • fit-content()
    • margin
    • Masonry
    • min-content and max-content
    • padding
    • Page breaks
    • page-orientation
    • Page setup
    • stretch
    • Widows and orphans
    • Width and height
  • Lists

    • display: list-item
    • <ol>, <ul>, and <li>
    • List style
    • ::marker
  • Media queries

    • color-gamut media query
    • display-mode media query
    • dynamic-range media query
    • Interaction media queries
    • inverted-colors media query
    • Media queries
    • Media query range syntax
    • Overflow media queries
    • prefers-color-scheme media query
    • prefers-contrast media query
    • prefers-reduced-data media query
    • prefers-reduced-motion media query
    • prefers-reduced-transparency media query
    • resolution media query
    • resolution media query (compatibility prefixes)
    • scripting media query
    • @supports (compatibility prefix)
    • Update frequency media query
    • video-dynamic-range media query
  • Selectors

    • Active view transition
    • ::backdrop
    • :default
    • ::details-content
    • :dir()
    • :empty
    • ::file-selector-button
    • ::first-letter
    • ::first-line
    • :focus-visible
    • :focus-within
    • Form validity pseudo-classes
    • :has()
    • Host
    • host-context
    • Input selectors
    • :is()
    • :lang()
    • Link selectors
    • :modal
    • @namespace
    • :not
    • :nth-child()
    • :nth-child() of <selector>
    • :nth-of-type() pseudo-classes
    • Page selectors
    • ::placeholder
    • :placeholder-shown
    • :root
    • :scope (pseudo-class)
    • ::selection
    • Shadow parts
    • ::spelling-error and ::grammar-error
    • :target
    • text-decoration in ::selection
    • User action pseudo-classes
    • :user-valid and :user-invalid
    • :where()
  • Text

    • Text wrap

      • Hyphenate character
      • Hyphenate limit chars
      • line-break
      • overflow-wrap
      • text-wrap
      • text-wrap: balance
      • text-wrap-mode
      • text-wrap: nowrap
      • text-wrap: pretty
      • text-wrap: stable
      • text-wrap-style
      • word-break
      • word-break: auto-phrase

    • alignment-baseline
    • baseline-shift
    • dominant-baseline
    • letter-spacing
    • line-height
    • Rhythmic sizing
    • text-align
    • text-align-last
    • text-box
    • text-combine-upright
    • text-indent: each-line
    • text-indent: hanging
    • text-justify
    • text-orientation
    • text-shadow
    • text-transform
    • Text underline position
    • word-spacing
  • Transforms

    • Individual transform properties
    • 2D transforms
    • 3D transforms
  • Transitions (CSS)

    • cubic-bezier() easing
    • interpolate-size
    • steps() easing
    • transition-behavior
    • Transitions (CSS)
  • Units

    • cap unit
    • ch unit
    • em unit
    • ex unit
    • ic unit
    • lh unit
    • Q unit
    • rcap unit
    • rch unit
    • rem
    • rex unit
    • ric unit
    • rlh unit
    • Viewport units
  • White space

    • tab-size
    • text-wrap-mode
    • white-space
    • white-space-collapse

  • abs() and sign()
  • accent-color
  • Alt text for generated content
  • Alternative style sheets
  • Animations (CSS)
  • appearance
  • aspect-ratio
  • attr()
  • attr() (content only)
  • backdrop-filter
  • calc()
  • calc() constants
  • calc-size()
  • caret-color
  • Cascade layers
  • @charset
  • color-mix()
  • color-scheme
  • Content
  • content-visibility
  • CSS.supports()
  • Cursor styles
  • Custom properties
  • Display
  • display animation
  • display: contents
  • display: flow-root
  • display: list-item
  • display: ruby
  • display: table
  • pow(), sqrt(), hypot(), log(), and exp()
  • field-sizing
  • filter
  • float and clear
  • Forced colors
  • Hyphenation
  • image-set()
  • @import
  • initial-letter
  • Layout direction override
  • light-dark()
  • line-clamp
  • linear() easing
  • Logical properties
  • margin-trim
  • min(), max(), and clamp()
  • Motion path
  • @namespace
  • Nesting
  • object-view-box
  • opacity
  • overflow-clip-margin
  • overflow
  • overlay
  • paint()
  • paint-order
  • Physical properties
  • Quotes
  • reading-flow
  • Relative colors
  • resize (CSS property)
  • round(), mod(), and rem()
  • @scope
  • speak
  • speak-as
  • @starting-style
  • @supports
  • text-indent
  • Text overflow
  • text-spacing-trim
  • sin(), cos(), tan(), asin(), acos(), atan(), and atan2() (CSS)
  • Two-value display property
  • user-select
  • vertical-align
  • Vertical form controls
  • visibility
  • will-change
  • writing-mode
  • z-index
• File system access

  • File system access
  • Origin private file system
• HTML

  • Custom elements

    • Autonomous custom elements
    • Customized built-in elements
    • Form-associated custom elements
    • :state()
  • Forms

    • :autofill
    • <button>
    • Constraint validation API
    • <datalist>
    • <fieldset> and <legend>
    • <form>
    • Form-associated custom elements
    • :indeterminate
    • <input>
    • <input type="button">
    • <input type="checkbox">
    • <input type="color">
    • Date and time <input> types
    • Email, telephone, and URL <input> types
    • <input type="file">
    • <input type="hidden">
    • <input type="image">
    • <input type="number">
    • <input type="password">
    • <input type="radio">
    • <input type="range">
    • <input type="reset">
    • Input selectors
    • <input type="submit">
    • <label>
    • <output>
    • <progress>
    • :read-only and :read-write
    • <input type="search">
    • <select>
    • showPicker() for <input>
    • showPicker() for <select>
    • <textarea>
    • writingsuggestions
  • HTML elements

    • <a>
    • <abbr>
    • <address>
    • <article>
    • <aside>
    • <audio>
    • <b>
    • <base>
    • <bdi>
    • <bdo>
    • <blockquote>
    • <body>
    • <br>
    • <button>
    • <canvas>
    • <cite>
    • <code>
    • Console
    • <data>
    • <del>
    • <details>
    • Mutually exclusive <details> elements
    • <dfn>
    • <dialog>
    • <div>
    • <em>
    • <embed>
    • <fieldset> and <legend>
    • <figure> and <figcaption>
    • <head>
    • <header> and <footer>
    • <h1> through <h6>
    • <hgroup>
    • <hr>
    • <html>
    • <i>
    • <iframe>
    • Image maps
    • <img>
    • <input>
    • <input type="button">
    • <input type="checkbox">
    • <input type="color">
    • Date and time <input> types
    • Email, telephone, and URL <input> types
    • <input type="file">
    • <input type="hidden">
    • <input type="image">
    • <input type="number">
    • <input type="password">
    • <input type="radio">
    • <input type="range">
    • <input type="reset">
    • <input type="submit">
    • <ins>
    • <kbd>
    • <label>
    • <link>
    • <ol>, <ul>, and <li>
    • <main>
    • <mark>
    • <menu>
    • <meta>
    • <nav>
    • <object>
    • <output>
    • <p>
    • <picture>
    • <pre>
    • <progress>
    • <q>
    • <s>
    • <samp>
    • <script> and <noscript>
    • <search>
    • <section>
    • <select>
    • <slot>
    • <small>
    • <source>
    • <span>
    • <strong>
    • <style>
    • <sub> and <sup>
    • Tables
    • <template>
    • Text tracks
    • <textarea>
    • <time>
    • <title>
    • <u>
    • <var>
    • <video>
    • <wbr>
  • Media elements

    • <audio>
    • Audio and video tracks
    • captureStream() for <audio> and <video>
    • controlslist
    • fastSeek()
    • Media element pseudo-classes
    • preservesPitch
    • requestVideoFrameCallback()
    • <source>
    • Text tracks
    • <video>

  • blocking="render"
  • Declarative shadow DOM
  • hidden="until-found"
  • Inert elements
  • Popover
  • <ruby>
  • tabindex
• Images

  • Image scaling

    • crisp-edges
    • image-rendering
    • smooth

  • cross-fade()
  • image()
  • image-orientation
• JavaScript

  • Collections

    • Arrays

      • Array (initial support)
      • Array at()
      • Array by copy
      • Array copyWithin()
      • Array fill()
      • Array find() and findIndex()
      • Array findLast() and findLastIndex()
      • Array flat() and flatMap()
      • Array.from()
      • Array.fromAsync()
      • Array includes()
      • Array.isArray()
      • Array iteration methods
      • Array iterators
      • Array.of()
      • Array splice()
      • Stable array sort
    • Maps

      • Array grouping
      • Map (initial support)
    • Sets

      • Set (initial support)
      • Set methods
    • Typed arrays

      • Array at()
      • Array by copy
      • Array copyWithin()
      • Array fill()
      • Array find() and findIndex()
      • Array findLast() and findLastIndex()
      • Array.from()
      • Array includes()
      • Array.of()
      • Float16Array
      • Typed array iteration methods
      • Typed array iterators
      • Typed arrays (initial support)
      • Uint8Array base64 and hex conversion

    • WeakMap
    • WeakSet
  • Internationalization

    • Intl
    • Intl.DisplayNames
    • Intl.DurationFormat
    • Intl.ListFormat
    • Intl.Locale
    • Intl.Locale info
    • Intl.PluralRules
    • Intl.RelativeTimeFormat
    • Intl.Segmenter
  • Iterators

    • Array iterators
    • Async iterators and the for await..of loop
    • Iterator methods
    • Iterators and the for...of loop
    • Typed array iterators
  • JSON

    • JSON
    • JSON import attributes
    • JSON source text access
  • Primitive types

    • Strings

      • String at()
      • String codePointAt() and fromCodePoint()
      • String includes()
      • String matchAll()
      • String normalize()
      • String padStart() and padEnd()
      • String raw()
      • String repeat()
      • String replaceAll()
      • String startsWith() and endsWith()
      • String trimStart() and trimEnd()
      • String isWellFormed() and toWellFormed()

    • Date
    • Math and numbers
    • String (initial support)
    • Symbol
  • Promises

    • Promise (initial support)
    • Promise.allSettled()
    • Promise.any()
    • Promise finally()
    • Promise.try()
    • Promise.withResolvers()

  • Async functions
  • Async generators
  • Atomics.waitAsync
  • BigInt
  • BigInt64Array
  • Classes
  • Functions
  • Generators
  • JavaScript (initial core language support)
  • Proxy and Reflect
  • SharedArrayBuffer and Atomics
  • Temporal
  • Weak references
• JavaScript modules

  • JavaScript modules
  • JavaScript modules in service workers
  • JavaScript modules in shared workers
  • JavaScript modules in workers
• Messaging

  • BroadcastChannel
  • Channel messaging
  • messageerror
  • postMessage
  • Server-sent events
• Parsing and serialization

  • DOMParser
  • XMLSerializer
• Payments

  • Payment handler
  • Payment request
• Performance

  • Back/forward cache blocking reasons
  • Element timing
  • Event timing
  • Largest contentful paint (LCP)
  • Layout instability
  • Long animation frames
  • Long tasks
  • Memory measurement
  • Navigation timing
  • Page visibility state
  • Paint timing
  • Performance
  • Resource size
  • Resource timing (initial support)
  • Server timing
• Print media

  • page-orientation
  • Page selectors
  • Page setup
  • window.print()
  • Print color adjust
  • Print events
• Progressive web app

  • Window Controls Overlay
• Ruby

  • display: ruby
  • <ruby>
  • ruby-align
  • ruby-overhang
  • ruby-position
• Scrolling

  • overflow-anchor
  • overscroll-behavior
  • scroll-behavior
  • Scroll-driven animations
  • scrollIntoView()
  • Scroll snap
  • Scroll snap events
  • Scroll to text fragment
  • scrollbar-color
  • scrollbar-gutter
  • scrollbar-width
  • scrollend
• Security

  • Content Security Policy (CSP)
  • Credentialless iframes
  • Permissions
  • Trusted types
  • User activation
  • Web Cryptography
• Selection

  • Selection composed ranges
  • ::selection
  • Selection
  • text-decoration in ::selection
• Sensors

  • Accelerometer
  • Device orientation events
  • Gyroscope
  • Orientation Sensor
  • Virtual sensors
• Speech

  • speak
  • speak-as
  • Speech recognition
  • Speech synthesis
• Storage

  • localStorage and sessionStorage
  • Non-cookie storage access
  • Shared storage
  • Storage access
  • Storage buckets
  • Storage manager
• Streams

  • Asynchronously iterable streams
  • Streams
• SVG

  • context-fill and context-stroke
  • Opacity (SVG)
  • SMIL SVG animations
  • SVG
  • SVG filters
• Text fragments

  • Scroll to text fragment
  • ::target-text
• View Transitions

  • Active view transition
  • Cross-document view transitions
  • view-transition-class
  • View transitions
• Web Audio

  • AudioWorklet
  • OfflineAudioContext
  • Web Audio
• Web Components

  • Selection composed ranges
  • Declarative shadow DOM
  • Host
  • host-context
  • Shadow DOM
  • Shadow parts
  • <slot>
  • Imperative slot assignment
  • <template>
• WebAssembly

  • WebAssembly
  • BigInt to i64 conversion (WebAssembly)
  • Bulk memory operations (WebAssembly)
  • Exception handling (WebAssembly)
  • Extended constant expressions (WebAssembly)
  • Garbage collection (WebAssembly)
  • Multi-memory (WebAssembly)
  • Multi-value (WebAssembly)
  • Import and export of mutable globals (WebAssembly)
  • Non-trapping float-to-int conversion (WebAssembly)
  • Reference types (WebAssembly)
  • Sign extension operators (WebAssembly)
  • Fixed-width SIMD (WebAssembly)
  • Relaxed-width SIMD (WebAssembly)
  • Tail call optimization (WebAssembly)
  • Threads and atomics (WebAssembly)
• WebDriver

  • Virtual pressure sources
  • Virtual sensors
  • WebDriver
  • WebDriver BiDi
• WebGL

  • WebGL extensions

    • ANGLE_instanced_arrays WebGL extension
    • EXT_blend_minmax WebGL extension
    • EXT_color_buffer_float WebGL extension
    • EXT_color_buffer_half_float WebGL extension
    • EXT_disjoint_timer_query WebGL extension
    • EXT_float_blend WebGL extension
    • EXT_frag_depth WebGL extension
    • EXT_shader_texture_lod WebGL extension
    • EXT_sRGB WebGL extension
    • EXT_texture_compression_bptc WebGL extension
    • EXT_texture_compression_rgtc WebGL extension
    • EXT_texture_filter_anisotropic WebGL extension
    • EXT_texture_norm16c WebGL extension
    • KHR_parallel_shader_compile WebGL extension
    • OES_element_index_uint WebGL extension
    • OES_fbo_render_mipmap WebGL extension
    • OES_standard_derivatives WebGL extension
    • OES_texture_float WebGL extension
    • OES_texture_float_linear WebGL extension
    • OES_texture_half_float WebGL extension
    • OES_texture_half_float_linear WebGL extension
    • OES_vertex_array_object WebGL extension
    • OVR_multiview2 WebGL extension
    • WEBGL_color_buffer_float WebGL extension
    • WEBGL_compressed_texture_astc WebGL extension
    • WEBGL_compressed_texture_etc WebGL extension
    • WEBGL_compressed_texture_etc1 WebGL extension
    • WEBGL_compressed_texture_pvrtc WebGL extension
    • WEBGL_compressed_texture_s3tc WebGL extension
    • WEBGL_compressed_texture_s3tc_srgb WebGL extension
    • WEBGL_debug_renderer_info WebGL extension
    • WEBGL_debug_shaders WebGL extension
    • WEBGL_depth_texture WebGL extension
    • WEBGL_draw_buffers WebGL extension
    • WEBGL_lose_context WebGL extension
    • WEBGL_multi_draw WebGL extension
    • OES_draw_buffers_indexed WebGL extension

  • WebGL
  • Color management for WebGL
  • Desynchronized WebGL canvas
  • SharedArrayBuffer in WebGL
• WebRTC

  • WebRTC
  • WebRTC encoded transform
  • WebRTC SCTP information
• WebXR

  • Anchors (WebXR)
  • Augmented reality
  • Raw camera access for WebXR
  • Depth sensing
  • WebXR
  • DOM overlays for WebXR
  • Gamepad (WebXR)
  • Hand input
  • Hit test
  • Layers (WebXR)
  • Lighting estimation
• XML

  • XMLSerializer
  • XPath
  • XSLT

Ungrouped features

• Abortable fetch
• AbortController and AbortSignal
• AbortSignal.any()
• Anchor positioning
• ARIA attribute reflection
• Audio session
• Autofocus
• AVIF
• Background fetch
• Background sync
• BarProp
• Base64 encoding and decoding
• baseline-source
• Battery status
• ::before and ::after
• Beforeunload
• box-decoration-break
• checkVisibility()
• CloseWatcher
• Compression streams
• Constructed stylesheets
• Contact picker
• cookieEnabled
• createImageBitmap
• CSS import attributes
• Custom ellipses
• Dataset
• Device posture
• dirname
• document.caretPositionFromPoint()
• Document picture-in-picture
• DOM
• Drag and Drop
• EditContext
• element()
• document.elementFromPoint() and document.elementsFromPoint()
• Events
• Eyedropper
• Fetch
• Fetch metadata request headers
• Fetch priority
• Math font family
• System font
• Font loading
• Fullscreen API
• Geolocation
• Hanging punctuation
• hardwareConcurrency
• hashchange
• Custom highlights
• History
• HTML media capture
• HTTP/1.1
• HTTP/2
• HTTP/3
• Idle detection
• srcdoc
• Import maps
• Ink
• input (event)
• Intersection observer
• Intersection observer visibility tracking
• JPEG XL
• Keyboard lock
• Keyboard map
• Language
• Lazy-loading images and iframes
• Location
• Managed media source
• MathML
• Media capture
• Media session
• Media source
• Min and max width and height
• <link rel="modulepreload">
• Mouse events
• MutationObserver
• Navigation API
• Navigator
• Network Information
• Notifications
• object-fit
• object-position
• Online status
• outline
• Outlines
• Page lifecycle
• Page transition events
• Page visibility
• Unsanitized HTML parsing methods
• path()
• pdfViewerEnabled
• Picture-in-picture (video)
• Pointer lock
• Preloading responsive images
• Presentation API
• Profiler
• Push messages
• Referrer policy
• Regular expressions
• RegExp.escape()
• Registered custom properties
• registerProtocolHandler
• Remote playback
• requestAnimationFrame()
• requestAnimationFrame() in workers
• Resizable buffers
• Save-Data
• Scheduler API
• Screen capture
• Screen orientation
• Screen orientation lock
• Screen wake lock
• Web serial
• Serializable errors
• setInterval
• setTimeout
• navigator.share()
• Sourcemap header
• Speculation rules
• structuredClone()
• text-decoration
• text-emphasis
• text-size-adjust
• touch-action
• Transferable ArrayBuffer
• transform-box
• translate attribute
• User agent client hints
• URL
• URL.canParse()
• URLPattern
• User agent sniffing
• Vibration
• Small, large, and dynamic viewport units
• Virtual keyboard
• Visual viewport API
• Web Bluetooth
• Locks
• Web MIDI
• Web NFC
• Web authentication
• Web authentication easy public key access
• WebCodecs
• WebGL2
• Color management for WebGL2
• Desynchronized WebGL2 canvas
• WebGPU
• WebHID
• WebNN
• WebP
• WebSockets
• WebTransport
• WebUSB
• WebVTT
• WebVTT cue alignment
• WebVTT regions
• XMLHttpRequest
• zoom