Showing content from https://web-platform-dx.github.io/web-features-explorer/widely-available.xml below:
Baseline Widely Available Features Features of the web platform which became Baseline Widely Available. 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/ WebDX Community Group Inline-size containment 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contain-inline-size <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contain-inline-size">Inline-size containment</a></h1> <p>The <code>contain: inline-size</code> 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.</p> Array findLast() and findLastIndex() 2025-02-23T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-findlast <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-findlast">Array findLast() and findLastIndex()</a></h1> <p>The <code>findLast()</code> and <code>findLastIndex()</code> methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function.</p> Style containment 2025-01-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contain-style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contain-style">Style containment</a></h1> <p>The <code>contain: style</code> CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (<code>counter-increment</code> and <code>counter-set</code>) and quotation styles (<code>content</code> property quote values) beyond the element's descendants.</p> appearance 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/appearance <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/appearance">appearance</a></h1> <p>The <code>appearance</code> CSS property controls the appearance of form controls. Using <code>appearance: none</code> disables any default native appearance and allows the elements to be styled with CSS.</p> Array at() 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-at <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-at">Array at()</a></h1> <p>The <code>at()</code> 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.</p> ::backdrop 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/backdrop <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/backdrop">::backdrop</a></h1> <p>The <code>::backdrop</code> CSS pseudo-element is a box underneath an element in the top layer, such as a <code><dialog></code>. It can be used to create obscuring effects distinguishing a modal element from the elements underneath.</p> background-attachment 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-attachment <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-attachment">background-attachment</a></h1> <p>The <code>background-attachment</code> CSS property sets whether an element's background image or gradient moves as the element scrolls.</p> BroadcastChannel 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/broadcast-channel <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/broadcast-channel">BroadcastChannel</a></h1> <p>The <code>BroadcastChannel</code> API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs.</p> Cascade layers 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/cascade-layers <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/cascade-layers">Cascade layers</a></h1> <p>The <code>@layer</code> CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.</p> contain 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contain <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contain">contain</a></h1> <p>The <code>contain</code> CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. The <code>none</code> keyword value disables containment, <code>strict</code> is equivalent to <code>contain: size layout style paint</code>, and <code>content</code> is equivalent to <code>contain: layout style paint</code>.</p> Layout containment 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contain-layout <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contain-layout">Layout containment</a></h1> <p>The <code>contain: layout</code> CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.</p> Paint containment 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contain-paint <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contain-paint">Paint containment</a></h1> <p>The <code>contain: paint</code> CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.</p> Size containment 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contain-size <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contain-size">Size containment</a></h1> <p>The <code>contain: size</code> CSS declaration sets an element's dimensions exclusively by its <code>height</code> and <code>width</code> properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.</p> <dialog> 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dialog <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dialog"><dialog></a></h1> <p>The <code><dialog></code> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.</p> color-scheme 2024-08-03T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/color-scheme <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/color-scheme">color-scheme</a></h1> <p>The <code>color-scheme</code> CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.</p> aspect-ratio 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/aspect-ratio <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/aspect-ratio">aspect-ratio</a></h1> <p>The <code>aspect-ratio</code> CSS property controls the width-to-height ratio of elements. For <code><img></code> and <code><video></code> elements, the <code>width</code> and <code>height</code> attributes used together with <code>height: auto</code> control the aspect ratio while the image/video is loading.</p> BigInt64Array 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/bigint64array <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/bigint64array">BigInt64Array</a></h1> <p>The <code>BigInt64Array</code> and <code>BigUint64Array</code> typed arrays represent 64-bit integers, signed and unsigned respectively.</p> AudioWorklet 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/audio-worklet <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/audio-worklet">AudioWorklet</a></h1> <p>The <code>AudioWorklet</code> API runs module code in a separate thread, specifically for non-blocking, low latency audio processing.</p> clip-path 2023-07-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/clip-path <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/clip-path">clip-path</a></h1> <p>The <code>clip-path</code> CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden.</p> Conic gradients 2023-05-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/conic-gradients <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/conic-gradients">Conic gradients</a></h1> <p>The <code>conic-gradient()</code> and <code>repeating-conic-gradient()</code> CSS functions create backgrounds that progress between two or more colors around a center point.</p> BigInt 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/bigint <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/bigint">BigInt</a></h1> <p>The <code>BigInt</code> JavaScript type represents integers of any size, including integers too large for the primitive <code>Number</code> type.</p> column-span 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/column-span <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/column-span">column-span</a></h1> <p>The <code>column-span</code> CSS property controls whether a child element extends across all columns of a multi-column parent.</p> all 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/all <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/all">all</a></h1> <p>The <code>all</code> CSS property is a shorthand for all CSS properties, except for <code>direction</code> and <code>unicode-bidi</code>. It accepts only the keywords for explicit defaulting (such as <code>initial</code> and <code>inherit</code>), since they are the only values supported on all CSS properties.</p> Array flat() and flatMap() 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-flat <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-flat">Array flat() and flatMap()</a></h1> <p>The <code>flat()</code> and <code>flatMap()</code> methods for arrays creates a new array such that each nested array item is concatenated into it.</p> Async generators 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/async-generators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/async-generators">Async generators</a></h1> <p>Async generator functions (<code>async function*</code>) create iterators that return multiple promises, one after another, on-demand.</p> Async iterators and the for await..of loop 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/async-iterators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/async-iterators">Async iterators and the for await..of loop</a></h1> <p>Asynchronous iterator objects, such as those returned by promises or generator functions, are iterable with the <code>for await .. of</code> loop.</p> Autonomous custom elements 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/autonomous-custom-elements <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/autonomous-custom-elements">Autonomous custom elements</a></h1> <p>Autonomous custom elements are HTML elements with a hyphenated tag name (like <code><example-element></code>) that have behaviors you define.</p> background-blend-mode 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-blend-mode <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-blend-mode">background-blend-mode</a></h1> <p>The <code>background-blend-mode</code> CSS property blends an element's background image and background color using blend modes like <code>multiply</code>, <code>difference</code>, or <code>color</code>.</p> <bdi> 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/bdi <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/bdi"><bdi></a></h1> <p>The <code><bdi></code> element isolates text that may have a different text direction from its surrounding text. This prevents the browser's bidirectional text algorithm from affecting or being affected by the direction of the surrounding text.</p> captureStream() for <canvas> 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/capture-stream-canvas <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/capture-stream-canvas">captureStream() for <canvas></a></h1> <p>The <code>captureStream()</code> method for <code><canvas></code> elements returns a <code>MediaStream</code> which includes a <code>CanvasCaptureMediaStreamTrack</code> representing real-time video of the canvas image. You can use this to record the canvas, or send it elsewhere, such as another canvas or WebRTC connection.</p> caret-color 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/caret-color <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/caret-color">caret-color</a></h1> <p>The <code>caret-color</code> CSS property sets the color of the text insertion pointer in a text input.</p> Case-insensitive attribute selector 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/case-insensitive-attributes <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/case-insensitive-attributes">Case-insensitive attribute selector</a></h1> <p>The <code>i</code> identifier in a CSS attribute selector matches attribute values case-insensitively in document languages like XML where attribute values are case-sensitive.</p> Animatable clipping paths 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/clip-path-animatable <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/clip-path-animatable">Animatable clipping paths</a></h1> <p>The <code>clip-path</code> property can be animated using CSS transitions and animations.</p> COLRv0 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/colrv0 <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/colrv0">COLRv0</a></h1> <p>COLRv0 is a font format that supports multi-color glyphs. COLRv0 supports only solid colors.</p> Credential management 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/credential-management <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/credential-management">Credential management</a></h1> <p>The <code>navigator.credentials</code> API provides generic storage for authentication credentials. Other credential APIs represent specific kinds of credentials, such as password or public key credentials, that the credential management API stores.</p> CSS.escape() 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/css-escape <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/css-escape">CSS.escape()</a></h1> <p>The <code>CSS.escape()</code> static method escapes a string so that it can be used in a valid CSS selector.</p> CSS.supports() 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/css-supports <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/css-supports">CSS.supports()</a></h1> <p>The <code>CSS.supports()</code> static method returns whether the browser supports a CSS declaration (given by two arguments, a property and value) or an <code>@supports</code> at-rule condition string.</p> :default 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/default <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/default">:default</a></h1> <p>The <code>:default</code> CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the <code>checked</code> attribute.</p> Destructuring 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/destructuring <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/destructuring">Destructuring</a></h1> <p>The destructuring assignment syntax is a JavaScript expression that unpacks values from arrays, or properties from objects, into distinct variables.</p> <details> 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/details <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/details"><details></a></h1> <p>The <code><details></code> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <code><summary></code> element is visible.</p> display: flow-root 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/display-flow-root <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/display-flow-root">display: flow-root</a></h1> <p>The <code>display: flow-root</code> CSS declaration sets an element as the root element of a new flow layout for its children, preventing margin collapse with sibling elements.</p> DOM Geometry 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dom-geometry <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dom-geometry">DOM Geometry</a></h1> <p>The <code>DOMMatrix</code>, <code>DOMPoint</code>, <code>DOMQuad</code> and <code>DOMRect</code> interfaces offer a way to represent points, rectangles, quadrilaterals and transformation matrices within JavaScript. They can be used in transformations in CSS, <code><canvas></code>, and SVG.</p> dominant-baseline 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dominant-baseline <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dominant-baseline">dominant-baseline</a></h1> <p>The <code>dominant-baseline</code> CSS property sets the specific baseline used to align an elements's text and inline-level contents.</p> download 2022-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/download <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/download">download</a></h1> <p>The <code>download</code> attribute for <code><a></code> elements loads the target URL as a file to be saved, instead of navigating to it. An optional attribute value sets a default file name.</p> Abortable fetch 2021-09-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/abortable-fetch <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/abortable-fetch">Abortable fetch</a></h1> <p>If you construct a fetch request with an <code>AbortSignal</code>, you can cancel the request.</p> AbortController and AbortSignal 2021-09-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/aborting <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/aborting">AbortController and AbortSignal</a></h1> <p>The <code>AbortController</code> and <code>AbortSignal</code> APIs allow you to cancel an ongoing operation, such as a <code>fetch()</code> request.</p> Constraint validation API 2021-06-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/constraint-validation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/constraint-validation">Constraint validation API</a></h1> <p>Methods that validate form controls before submission, such as <code>checkValidity()</code>, <code>reportValidity()</code> and <code>setCustomValidity()</code>.</p> Array iterators 2020-11-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-iterators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-iterators">Array iterators</a></h1> <p>Arrays are iterable with the <code>for ⦠of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p> Beacons 2020-10-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/beacons <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/beacons">Beacons</a></h1> <p>The <code>navigator.sendBeacon()</code> method asynchronously sends an HTTP POST request with a limited amount of data, typically for app state, events, and analytics data. The one-way beacon is guaranteed to be initiated before the browser unloads the page, but the sender does not get to handle the response.</p> <data> 2020-04-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/data <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/data"><data></a></h1> <p>The <code><data></code> element links a given piece of content with a machine-readable translation.</p> Brotli compression 2020-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/brotli <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/brotli">Brotli compression</a></h1> <p>Brotli is a lossless data compression algorithm. When used as a content encoding, it often provides better compression than gzip.</p> Composition events 2019-10-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/composition-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/composition-events">Composition events</a></h1> <p>The <code>compositionstart</code>, <code>compositionupdate</code>, and <code>compositionend</code> events fire when an input method editor adds characters that might not be commonly available on keyboards. Examples of these characters are emoji, logograms in Asian languages, or input from speech recognition processors.</p> Async functions 2019-10-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/async-await <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/async-await">Async functions</a></h1> <p>The <code>async</code> and <code>await</code> keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains.</p> Custom properties 2019-10-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/custom-properties <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/custom-properties">Custom properties</a></h1> <p>Custom properties are CSS properties prefixed with <code>--</code> that set values you can reuse with the <code>var()</code> function. For example, you can set a <code>--key-color</code> property to reuse as <code>border-color: var(--key-color)</code>. Also known as CSS variables.</p> Clipboard events 2019-09-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/clipboard-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/clipboard-events">Clipboard events</a></h1> <p>The <code>"copy"</code>, <code>"cut"</code>, and <code>"paste"</code> events fire on elements when the user starts an action with the clipboard.</p> column-fill 2019-09-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/column-fill <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/column-fill">column-fill</a></h1> <p>The <code>column-fill</code> CSS property sets the distribution of content across columns in a multi-column layout.</p> Border images 2019-08-01T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/border-image <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/border-image">Border images</a></h1> <p>The <code>border-image</code> CSS property draws an image around an element.</p> Array copyWithin() 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-copywithin <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-copywithin">Array copyWithin()</a></h1> <p>The <code>copyWithin()</code> method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length.</p> Array fill() 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-fill <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-fill">Array fill()</a></h1> <p>The <code>fill()</code> method of arrays and typed arrays sets all or some items of an array to a given a value.</p> Array find() and findIndex() 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-find <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-find">Array find() and findIndex()</a></h1> <p>The <code>find()</code> and <code>findIndex()</code> methods of arrays and typed arrays search an array for the first item that satisfies a test function.</p> Array.from() 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-from <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-from">Array.from()</a></h1> <p>The <code>Array.from()</code> and typed array <code>.from()</code> static methods copy items from an iterable or array-like object to make a new array.</p> Array includes() 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-includes <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-includes">Array includes()</a></h1> <p>The <code>includes()</code> method of arrays and typed arrays returns whether a given value appears in the array.</p> Array.of() 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-of <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-of">Array.of()</a></h1> <p>The <code>Array.of()</code> and typed array <code>.of()</code> static methods create new arrays from the values of any number of arguments.</p> background-repeat 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-repeat <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-repeat">background-repeat</a></h1> <p>The <code>background-repeat</code> CSS property sets how a background image is tiled.</p> Base64 encoding and decoding 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/base64encodedecode <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/base64encodedecode">Base64 encoding and decoding</a></h1> <p>The <code>atob()</code> and <code>btoa()</code> global functions encode and decode strings to and from base 64, respectively.</p> Content Security Policy (CSP) 2019-02-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/csp <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/csp">Content Security Policy (CSP)</a></h1> <p>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.</p> ANGLE_instanced_arrays WebGL extension 2018-12-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/angle-instanced-arrays <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/angle-instanced-arrays">ANGLE_instanced_arrays WebGL extension</a></h1> <p>The <code>ANGLE_instanced_arrays</code> 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.</p> DOMParser 2018-09-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/domparser <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/domparser">DOMParser</a></h1> <p>The <code>DOMParser</code> API parses XML or HTML source code from a string into a DOM Document.</p> Classes 2018-09-08T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/class-syntax <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/class-syntax">Classes</a></h1> <p>Classes are an object-oriented syntax for JavaScript prototypes.</p> Animations (CSS) 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/animations-css <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/animations-css">Animations (CSS)</a></h1> <p>The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.</p> CSS object model 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/css-object-model <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/css-object-model">CSS object model</a></h1> <p>The CSS object model API reads, creates, and modifies CSS stylesheets and inline styles. Also known as CSSOM.</p> Channel messaging 2018-03-22T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/channel-messaging <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/channel-messaging">Channel messaging</a></h1> <p>Channel messaging communicates one-to-one between browsing contexts on the same origin, such as between <code><iframe></code> elements or two documents using a shared worker.</p> <a> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/a <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/a"><a></a></h1> <p>The <code><a></code> 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.</p> <abbr> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/abbr <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/abbr"><abbr></a></h1> <p>The <code><abbr></code> HTML element represents an abbreviation or acronym.</p> Absolute positioning 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/absolute-positioning <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/absolute-positioning">Absolute positioning</a></h1> <p>The <code>position: absolute</code> 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.</p> accesskey 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/accesskey <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/accesskey">accesskey</a></h1> <p>The <code>accesskey</code> global HTML attribute gives a hint for generating a keyboard shortcut for the current element. The attribute value must consist of a single printable character.</p> <address> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/address <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/address"><address></a></h1> <p>The <code><address></code> element represents contact information for a person or people, or for an organization.</p> Alerts 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/alerts <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/alerts">Alerts</a></h1> <p>The <code>window.alert()</code>, <code>window.confirm()</code>, and <code>window.prompt()</code> methods open modal dialogs for notifying the user, asking for confirmation, or entering text.</p> Array (initial support) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array">Array (initial support)</a></h1> <p>Arrays are ordered lists of JavaScript values.</p> Array.isArray() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-isarray <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-isarray">Array.isArray()</a></h1> <p>The <code>Array.isArray()</code> static method checks whether a value is an array.</p> Array iteration methods 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-iteration-methods <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-iteration-methods">Array iteration methods</a></h1> <p>Array iteration methods</p> Array splice() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-splice <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-splice">Array splice()</a></h1> <p>The array <code>splice()</code> method changes an array in-place. You can use it to delete items, overwrite items, or insert items, starting from an index.</p> <article> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/article <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/article"><article></a></h1> <p>The <code><article></code> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.</p> <aside> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/aside <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/aside"><aside></a></h1> <p>The <code><aside></code> element represents a portion of a document whose content is only indirectly related to the document's main content.</p> attr() (content only) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/attr-contents <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/attr-contents">attr() (content only)</a></h1> <p>The <code>attr()</code> CSS function, in <code>content</code> property declarations, sets a <code>::before</code> or <code>::after</code> pseudo-element's content to the value of the specified HTML attribute.</p> <audio> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/audio <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/audio"><audio></a></h1> <p>The <code><audio></code> element plays sound such as audio effects or music, optionally with controls provided by the browser.</p> autofocus 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/autofocus <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/autofocus">autofocus</a></h1> <p>The <code>autofocus</code> HTML attribute gives focus to an element on page load.</p> <b> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/b <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/b"><b></a></h1> <p>The <code><b></code> HTML element draws reader's attention to text, styling text as bold by default.</p> background 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background">background</a></h1> <p>The <code>background</code> CSS property is a shorthand that sets several background properties at once.</p> background-clip 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-clip <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-clip">background-clip</a></h1> <p>The <code>background-clip</code> CSS property sets the extent of the background: the padding box, the content box, or the default border box.</p> background-color 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-color <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-color">background-color</a></h1> <p>The <code>background-color</code> CSS property sets the fill color of an element, behind any content and background images or gradients.</p> background-image 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-image <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-image">background-image</a></h1> <p>The <code>background-image</code> CSS property sets the graphics to display behind the content of an element and in front of the background color. Graphics may be any combination of images or gradients.</p> background-origin 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-origin <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-origin">background-origin</a></h1> <p>The <code>background-origin</code> CSS property sets the background starting position relative to the border and padding of an element.</p> background-position 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-position <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-position">background-position</a></h1> <p>The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.</p> background-size 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/background-size <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/background-size">background-size</a></h1> <p>The <code>background-size</code> CSS property scales or stretches a background based on the size of the element (with the <code>contain</code> and <code>cover</code> keywords), a length, or percentage.</p> BarProp 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/barprop <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/barprop">BarProp</a></h1> <p>The <code>visible</code> property of the <code>window.locationbar</code>, <code>window.menubar</code>, <code>window.personalbar</code>, <code>window.scrollbars</code>, <code>window.statusbar</code>, and <code>window.toolbar</code> APIs historically represented the visibility of a browser user interface. For privacy reasons, it now represents whether the window is a pop-up.</p> <base> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/base <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/base"><base></a></h1> <p>The <code><base></code> element sets the base URL (the URL that relative URLs are relative to) for all relative URLs in the document.</p> <bdo> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/bdo <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/bdo"><bdo></a></h1> <p>The <code><bdo></code> element overrides the directionality of text, so that the text within is rendered in a different direction than the surrounding text.</p> ::before and ::after 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/before-after <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/before-after">::before and ::after</a></h1> <p>The <code>::before</code> and <code>::after</code> CSS pseudo-elements select inline boxes preceding and following an element. They are often used with the <code>content</code> property to generate cosmetic content.</p> <blockquote> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/blockquote <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/blockquote"><blockquote></a></h1> <p>The <code><blockquote></code> element represents an extended quotation, styling contents as an indented block by default.</p> <body> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/body <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/body"><body></a></h1> <p>The <code><body></code> element represents the content of an HTML document.</p> border-radius 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/border-radius <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/border-radius">border-radius</a></h1> <p>The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.</p> Borders 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/borders <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/borders">Borders</a></h1> <p>The <code>border</code> CSS property sets the color, style, and width of the line around an element.</p> box-shadow 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/box-shadow <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/box-shadow">box-shadow</a></h1> <p>The <code>box-shadow</code> CSS property applies shadow effects around an element's frame. This can create drop shadow and inner shadow effects.</p> box-sizing 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/box-sizing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/box-sizing">box-sizing</a></h1> <p>The <code>box-sizing</code> CSS property sets whether an element's width and height are calculated based on the <code>content-box</code>, which does not count the size of borders or padding, or <code>border-box</code>, which does count them.</p> <br> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/br <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/br"><br></a></h1> <p>The <code><br></code> element produces line breaks in text.</p> <button> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/button <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/button"><button></a></h1> <p>The <code><button></code> HTML element represents a button that triggers some action, such as submitting a form or opening a dialog, styled as a labeled rectangular box by default.</p> calc() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/calc <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/calc">calc()</a></h1> <p>The <code>calc()</code> CSS function computes mathematical expressions such a <code>calc(100%/3 - 1em)</code>.</p> <canvas> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/canvas <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/canvas"><canvas></a></h1> <p>The <code><canvas></code> HTML element is a space to draw graphics in, using the 2D canvas API, WebGL, or WebGPU.</p> 2D canvas 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/canvas-2d <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/canvas-2d">2D canvas</a></h1> <p>The <code>CanvasRenderingContext2D</code> API is the "2d" rendering context for the <code><canvas></code> element. It represents a flat, two-dimensional space for drawing graphics and animations.</p> ch unit 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ch <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ch">ch unit</a></h1> <p>The <code>ch</code> CSS length unit is a font-relative length based on the width of the zero (0) character.</p> Change event 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/change-event <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/change-event">Change event</a></h1> <p>The <code>change</code> event for <code><input></code>, <code><select></code>, and <code><textarea></code> elements fires when the user modifies the element's value. Unlike the <code>input</code> event, the change event does not necessarily fire on every alteration to an element's value.</p> @charset 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/charset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/charset">@charset</a></h1> <p>The <code>@charset</code> CSS at-rule specifies the character encoding of an external style sheet.</p> <cite> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/cite <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/cite"><cite></a></h1> <p>The <code><cite></code> element represents the title of a quoted, referenced, or mentioned creative work, such as a film or book.</p> <code> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/code <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/code"><code></a></h1> <p>The <code><code></code> element displays its contents as a fragment of computer code.</p> Color 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/color <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/color">Color</a></h1> <p>The <code>color</code> CSS property sets the primary foreground color of an element, which is used for text, the default border color, and text decorations.</p> Console 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/console <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/console">Console</a></h1> <p>The <code>console</code> API logs debugging messages to the browser development tools' console.</p> Content 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/content <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/content">Content</a></h1> <p>The <code>content</code> CSS property sets the content inside of an element or pseudo-element, replacing the current value. It's often used with the <code>::before</code> and <code>::after</code> pseudo-elements to generate cosmetic content.</p> contenteditable 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contenteditable <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contenteditable">contenteditable</a></h1> <p>The <code>contenteditable</code> global HTML attribute allows the user to edit the content of an element, such as inserting or deleting text.</p> Cookies 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/cookies <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/cookies">Cookies</a></h1> <p>The <code>Set-Cookie</code> HTTP header stores limited amounts of data that persist across request and response, creating shared state between the browser and server.</p> CORS 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/cors <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/cors">CORS</a></h1> <p>Cross-Origin Resource Sharing is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading resources. Also known as CORS.</p> Counters (CSS) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/counters <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/counters">Counters (CSS)</a></h1> <p>The <code>counter-reset</code> and <code>counter-increment</code> CSS properties and the <code>counter()</code> and <code>counters()</code> functions automatically number headings or ordered list items.</p> cubic-bezier() easing 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/cubic-bezier-easing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/cubic-bezier-easing">cubic-bezier() easing</a></h1> <p>The <code>cubic-bezier()</code> CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The <code>ease</code>, <code>ease-in</code>, <code>ease-out</code>, and <code>ease-in-out</code> keyword values are presets for common Bézier curves.</p> currentColor 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/currentcolor <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/currentcolor">currentColor</a></h1> <p>The <code>currentColor</code> CSS value allows you to reuse an element's computed text color for other properties.</p> Data URLs 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/data-urls <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/data-urls">Data URLs</a></h1> <p>Data URLs are URLs that start with the <code>data:</code> scheme and which directly contain data rather than point to remote resources.</p> Dataset 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dataset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dataset">Dataset</a></h1> <p>The <code>dataset</code> API attaches and accesses custom data on elements, using either the <code>dataset</code> property of <code>HTMLElement</code> or attributes prefixed with <code>data-</code>.</p> Date 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/date <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/date">Date</a></h1> <p>The <code>Date</code> object represents a single moment in time.</p> Dedicated workers 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dedicated-workers <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dedicated-workers">Dedicated workers</a></h1> <p>The <code>Worker()</code> constructor runs a script in its own thread, which can send and receive messages with the script that created it. Also known as web workers.</p> <del> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/del <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/del"><del></a></h1> <p>The <code><del></code> element element represents a range of text that has been deleted from a document, styling text as strikethrough by default.</p> Description list 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/description-list <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/description-list">Description list</a></h1> <p>The <code><dl></code>, <code><dt></code>, and <code><dd></code> HTML elements represent a list of terms and their associated descriptions. Use a description list to create glossaries or similar list of key-value pairs.</p> <dfn> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dfn <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dfn"><dfn></a></h1> <p>The <code><dfn></code> element marks a term to be defined, styling text as italic by default.</p> Display 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/display <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/display">Display</a></h1> <p>The <code>display</code> CSS property sets the display behavior of an element's box within its layout and sets the layout behavior for its child elements.</p> display: list-item 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/display-list-item <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/display-list-item">display: list-item</a></h1> <p>The <code>display: list-item</code> CSS declaration renders an element with the box layout of a <code><li></code> HTML element.</p> display: table 2019-10-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/display-table <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/display-table">display: table</a></h1> <p>The <code>display: table</code> CSS declaration renders an element with the box layout of a <code><table></code> HTML element. Child elements may use equivalents to <code><table></code> internal elements such as <code>display: table-row</code> for <code><tr></code>.</p> Motion path 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/motion-path <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/motion-path">Motion path</a></h1> <p>The <code>offset</code> CSS property animates an element along a defined motion path.</p> :modal 2025-03-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/modal <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/modal">:modal</a></h1> <p>The <code>:modal</code> pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <code><dialog></code> element used with <code>showModal()</code>.</p> Navigation timing 2024-04-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/navigation-timing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/navigation-timing">Navigation timing</a></h1> <p>The <code>navigation</code> performance entry and the <code>PerformanceNavigationTiming</code> API measures navigation events, such as loading time or the number of redirects.</p> Logical properties 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/logical-properties <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/logical-properties">Logical properties</a></h1> <p>CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.</p> OES_fbo_render_mipmap WebGL extension 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oes-fbo-render-mipmap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oes-fbo-render-mipmap">OES_fbo_render_mipmap WebGL extension</a></h1> <p>The <code>OES_fbo_render_mipmap</code> extension for WebGL 1.0 contexts attaches any level of a texture to a framebuffer object.</p> OfflineAudioContext 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/offline-audio-context <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/offline-audio-context">OfflineAudioContext</a></h1> <p>The <code>OfflineAudioContext</code> API represents an audio processing graph that writes to an <code>AudioBuffer</code> instead of an output device.</p> <link rel="preload"> 2023-07-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/link-rel-preload <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/link-rel-preload"><link rel="preload"></a></h1> <p>The <code>rel="preload"</code> attribute for the <code><link></code> HTML element requests resources, such as images or style sheets, that the page needs soon, so the browser may prioritize them for loading before rendering begins.</p> :not() 2023-07-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/not <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/not">:not()</a></h1> <p>The <code>:not()</code> functional pseudo-class matches elements that do not match the selectors in its argument.</p> Logical assignments 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/logical-assignments <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/logical-assignments">Logical assignments</a></h1> <p>The logical AND assignment (<code>&&=</code>) and the logical OR assignment (<code>||=</code>) operators short-circuit the respective binary logical operators.</p> Nullish coalescing 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/nullish-coalescing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/nullish-coalescing">Nullish coalescing</a></h1> <p>The nullish coalescing (<code>??</code>) and nullish coalescing assignment (<code>??=</code>) operators return (or assign) its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand.</p> line-break 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/line-break <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/line-break">line-break</a></h1> <p>The <code>line-break</code> CSS property sets how strictly to apply rules for wrapping text to new lines, especially for symbols and punctuation.</p> min(), max(), and clamp() 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/min-max-clamp <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/min-max-clamp">min(), max(), and clamp()</a></h1> <p>The <code>min()</code> and <code>max()</code> CSS functions return the minimum or maximum of the arguments, while <code>clamp()</code> clamps a value to a given range.</p> Numeric separators 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/numeric-seperators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/numeric-seperators">Numeric separators</a></h1> <p>To improve readability for numeric literals, underscores (<code>_</code>) can be used as separators. For example, <code>1_050.95</code> is equivalent to <code>1050.95</code>.</p> Media playback quality 2022-08-04T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/media-playback-quality <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/media-playback-quality">Media playback quality</a></h1> <p>The <code>getVideoPlaybackQuality()</code> method of <code>HTMLVideoElement</code> returns metrics that can be used to determine the playback quality of a video, such as how many frames were dropped.</p> Layout direction override 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/layout-direction-override <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/layout-direction-override">Layout direction override</a></h1> <p>The <code>unicode-bidi</code> and <code>direction</code> CSS properties override the Unicode layout algorithm. They are intended for Document Type Definition (DTD) designers. For HTML documents, you should use the <code>dir</code> global HTML attribute and <code><bdo></code> HTML element instead.</p> <link rel="preconnect"> 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/link-rel-preconnect <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/link-rel-preconnect"><link rel="preconnect"></a></h1> <p>The <code>rel="preconnect"</code> attribute for the <code><link></code> HTML element is a hint to the browser that the page or user is likely to request resources from another origin, so the browser should preemptively start a connection to the <code>href</code> value's origin.</p> Link selectors 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/link-selectors <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/link-selectors">Link selectors</a></h1> <p>The <code>:link</code> CSS pseudo-class matches unvisited links, <code>:visited</code> matches visited links, and <code>:any-link</code> matches both.</p> mask-type 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/mask-type <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/mask-type">mask-type</a></h1> <p>The <code>mask-type</code> CSS property on an SVG <code><mask></code> element sets whether the mask is a <code>luminance</code> or <code>alpha</code> mask.</p> Media capabilities 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/media-capabilities <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/media-capabilities">Media capabilities</a></h1> <p>The <code>navigator.mediaCapabilities</code> API queries the encoding and decoding abilities of the device, such as supported codecs, resolutions, and bitrates.</p> min-content and max-content 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/min-max-content <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/min-max-content">min-content and max-content</a></h1> <p>The <code>min-content</code> and <code>max-content</code> CSS keywords represent the smallest and largest intrinsic sizes of an element.</p> mix-blend-mode 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/mix-blend-mode <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/mix-blend-mode">mix-blend-mode</a></h1> <p>The <code>mix-blend-mode</code> CSS property blends an element's content with its background or parent elements using blend modes like <code>multiply</code>, <code>difference</code>, or <code>color</code>.</p> Mixed content handling 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/mixed-content <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/mixed-content">Mixed content handling</a></h1> <p>When a document is loaded over HTTPS, browsers ensure that none of the document's resources are loaded over an insecure protocol. Instead, resources that the document attempts to load over an insecure protocol are either loaded over HTTPS or are blocked.</p> object-fit 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/object-fit <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/object-fit">object-fit</a></h1> <p>The <code>object-fit</code> CSS property sets how images, videos, and other replaced elements are scaled within their container.</p> object-position 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/object-position <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/object-position">object-position</a></h1> <p>The <code>object-position</code> CSS property places images, videos, and other replaced elements within their boxes.</p> Optional catch binding 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/optional-catch-binding <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/optional-catch-binding">Optional catch binding</a></h1> <p>Omit the the binding parameter of a <code>catch</code> clause when you don't need information about the exception in a <code>try ... catch</code> statement.</p> <meter> 2021-04-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/meter <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/meter"><meter></a></h1> <p>The <code><meter></code> element represents a scalar value within a known range or a fractional value, typically shown as a progress bar.</p> OES_vertex_array_object WebGL extension 2020-10-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oes-vertex-array-object <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oes-vertex-array-object">OES_vertex_array_object WebGL extension</a></h1> <p>The <code>OES_vertex_array_object</code> 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.</p> Media capture 2020-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/media-capture <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/media-capture">Media capture</a></h1> <p>The <code>navigator.mediaDevices.getUserMedia()</code> API requests access to devices that produce audio or video streams, such as microphones or video cameras.</p> Outlines 2019-10-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/outlines <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/outlines">Outlines</a></h1> <p>The <code>outline-color</code>, <code>outline-style</code>, and <code>outline-width</code> and <code>outline-offset</code> CSS properties style a line around an element, outside of the border.</p> Multi-column layout 2019-09-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/multi-column <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/multi-column">Multi-column layout</a></h1> <p>Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.</p> Let and const 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/let-const <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/let-const">Let and const</a></h1> <p>The <code>let</code> and <code>const</code> declarations define block-scoped variables.</p> OES_texture_half_float WebGL extension 2019-02-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oes-texture-half-float <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oes-texture-half-float">OES_texture_half_float WebGL extension</a></h1> <p>The <code>OES_texture_half_float</code> extension for WebGL 1.0 contexts adds texture formats with 16-bit (also known as half float) and 32-bit floating-point components.</p> Language 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/language <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/language">Language</a></h1> <p>The <code>navigator.language</code> property is a string representing the preferred language of the user, usually the language of the browser UI. The <code>navigator.languages</code> property is an array of strings representing the user's preferred languages.</p> letter-spacing 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/letter-spacing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/letter-spacing">letter-spacing</a></h1> <p>The <code>letter-spacing</code> CSS property controls the amount of space between each letter in an element or block of text.</p> line-height 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/line-height <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/line-height">line-height</a></h1> <p>The <code>line-height</code> CSS property sets the spacing between text baselines, oriented to the horizontal or vertical writing mode.</p> <link> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/link <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/link"><link></a></h1> <p>The <code><link></code> element creates a relationship between the current document and an external resource, such as a stylesheet or favicon.</p> <ol>, <ul>, and <li> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/list-elements <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/list-elements"><ol>, <ul>, and <li></a></h1> <p>The <code><ol></code>, <code><ul></code>, and <code><li></code> HTML elements represent ordered and unordered lists.</p> List style 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/list-style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/list-style">List style</a></h1> <p>The <code>list-style</code> shorthand CSS property and the <code>list-style-image</code>, <code>list-style-position</code>, and <code>list-style-type</code> longhand properties set the position and appearance of a list item's marker.</p> localStorage and sessionStorage 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/localstorage <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/localstorage">localStorage and sessionStorage</a></h1> <p>The <code>localStorage</code> and <code>sessionStorage</code> APIs store data as key-value pairs. While <code>localStorage</code> persists across sessions, <code>sessionStorage</code> data is discarded when the page is closed.</p> Location 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/location <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/location">Location</a></h1> <p>The <code>location</code> global object represents the current page's address. You can use it to get the parts of the address (such as <code>location.hostname</code> or <code>location.pathname</code>) or navigate to another URL.</p> <main> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/main <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/main"><main></a></h1> <p>The <code><main></code> element represents the dominant content of a document. It is commonly used together with <code><header></code> and <code><footer></code>.</p> Map (initial support) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/map <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/map">Map (initial support)</a></h1> <p>Map objects hold key-value pairs and remember the original insertion order of the keys.</p> margin 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/margin <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/margin">margin</a></h1> <p>The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.</p> <mark> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/mark <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/mark"><mark></a></h1> <p>The <code><mark></code> element represents text which is marked or highlighted for reference or notation purposes.</p> matchMedia 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/matchmedia <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/matchmedia">matchMedia</a></h1> <p>The <code>window.matchMedia()</code> method checks whether a media query applies to the document.</p> Media queries 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/media-queries <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/media-queries">Media queries</a></h1> <p>The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.</p> <menu> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/menu <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/menu"><menu></a></h1> <p>The <code><menu></code> element represents an unordered list of action items (<code><li></code>), such as a toolbar. It is a semantic alternative to the <code><ul></code> element.</p> <meta> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/meta <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/meta"><meta></a></h1> <p>The <code><meta></code> element represents metadata about the page used by the browser or search engines, including description, keywords, and character sets.</p> Min and max width and height 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/min-max-width-height <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/min-max-width-height">Min and max width and height</a></h1> <p>The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.</p> Mouse events 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/mouse-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/mouse-events">Mouse events</a></h1> <p>Mouse events, such as <code>click</code>, <code>mousedown</code>, or <code>mousemove</code>, fire when users interact with an input or pointing device such as a mouse, trackpad, or touchscreen.</p> MutationObserver 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/mutationobserver <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/mutationobserver">MutationObserver</a></h1> <p>The <code>MutationObserver</code> API watches for changes to the DOM tree and calls a callback function when DOM changes occur.</p> Named colors 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/named-color <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/named-color">Named colors</a></h1> <p>Some CSS color values can be referenced by name, such as <code>red</code> or <code>limegreen</code>. They stand in for specific RGB color values.</p> @namespace 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/namespace <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/namespace">@namespace</a></h1> <p>The <code>@namespace</code> CSS rule sets a default namespace or namespace prefix. Namespace prefixes allow CSS selectors to distinguish elements with the same name but different document types, such as the HTML <code><a></code> element and the SVG <code><a></code> element.</p> <nav> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/nav <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/nav"><nav></a></h1> <p>The <code><nav></code> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.</p> Navigator 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/navigator <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/navigator">Navigator</a></h1> <p>The <code>window.navigator</code> API is a generic global object, under which many other, more interesting APIs are located. It doesn't do anything interesting on its own.</p> :nth-child() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/nth-child <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/nth-child">:nth-child()</a></h1> <p>The <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements based on their index within a list of elements. The <code>:first-child</code> and <code>:last-child</code> pseudo-classes match the first and last element in a list, and the <code>:only-child</code> pseudo-class matches an element with no siblings.</p> :nth-of-type() pseudo-classes 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/nth-of-type <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/nth-of-type">:nth-of-type() pseudo-classes</a></h1> <p>The <code>:nth-of-type()</code> and <code>:nth-last-of-type()</code> CSS functional pseudo-classes match elements based on their position among siblings of the same type. The <code>:first-of-type</code>, <code>:last-of-type</code>, and <code>:only-of-type</code> pseudo-classes match the first, last, and only elements of its type.</p> Math and numbers 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/number <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/number">Math and numbers</a></h1> <p>The number type (and <code>Number</code> object) represents floating-point numbers, such as 42 or -4.201, while the <code>Math</code> API contains mathematical functions and constants. JavaScript can also represent boundless negative and positive values as <code>Infinity</code> or not-a-number as <code>NaN</code> (as in <code>0 * Infinity</code>).</p> <object> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/object <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/object"><object></a></h1> <p>The <code><object></code> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.</p> Object 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/object-object <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/object-object">Object</a></h1> <p>Objects in JavaScript are collections of key-value pairs.</p> OES_element_index_uint WebGL extension 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oes-element-index-uint <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oes-element-index-uint">OES_element_index_uint WebGL extension</a></h1> <p>The <code>OES_element_index_uint</code> extension for WebGL 1.0 contexts adds support for <code>gl.UNSIGNED_INT</code> types to <code>WebGLRenderingContext.drawElements()</code>.</p> OES_standard_derivatives WebGL extension 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oes-standard-derivatives <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oes-standard-derivatives">OES_standard_derivatives WebGL extension</a></h1> <p>The <code>OES_standard_derivatives</code> extension for WebGL 1.0 contexts adds the GLSL derivative functions <code>dFdx</code>, <code>dFdy</code>, and <code>fwidth</code>.</p> OES_texture_float WebGL extension 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oes-texture-float <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oes-texture-float">OES_texture_float WebGL extension</a></h1> <p>The <code>OES_texture_float</code> extension for WebGL 1.0 contexts adds floating-point pixel types for textures.</p> OES_texture_float_linear WebGL extension 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oes-texture-float-linear <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oes-texture-float-linear">OES_texture_float_linear WebGL extension</a></h1> <p>The <code>OES_texture_float_linear</code> extension for WebGL 1.0 and 2.0 contexts adds linear filtering with floating-point pixel types for textures.</p> Online status 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/online <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/online">Online status</a></h1> <p>The <code>navigator.onLine</code> property is a boolean for whether the browser is connected to some network (though not necessarily the internet). The <code>online</code> and <code>offline</code> events fire when the connection state changes.</p> opacity 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/opacity <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/opacity">opacity</a></h1> <p>The <code>opacity</code> CSS property sets the transparency of an element.</p> Opacity (SVG) 2022-09-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/opacity-svg <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/opacity-svg">Opacity (SVG)</a></h1> <p>The <code>fill-opacity</code>, and <code>stroke-opacity</code> SVG attributes and CSS properties control the transparency of a stroke or fill of an SVG element.</p> <output> 2021-04-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/output <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/output"><output></a></h1> <p>The <code><output></code> element represents the result of a calculation, user action, or form entry.</p> text-align-last 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-align-last <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-align-last">text-align-last</a></h1> <p>The <code>text-align-last</code> CSS property sets the alignment of the last line of text before a forced line break.</p> Streams 2024-12-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/streams <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/streams">Streams</a></h1> <p>The streams API creates, composes, and consumes continuously generated data.</p> String at() 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-at <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-at">String at()</a></h1> <p>The <code>at()</code> method of strings returns the character (one UTF-16 code unit) at an index, including negative indices for getting the character relative to the end of the string. Also known as the relative indexing method.</p> structuredClone() 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/structured-clone <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/structured-clone">structuredClone()</a></h1> <p>The <code>structuredClone()</code> global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable.</p> SharedArrayBuffer and Atomics 2024-06-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/shared-memory <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/shared-memory">SharedArrayBuffer and Atomics</a></h1> <p>The <code>SharedArrayBuffer</code> object represents bytes shared between multiple workers and the main thread. The <code>Atomics</code> object safely accesses <code>SharedArrayBuffer</code> data to make sure predictable values are read and written and that operations are not interrupted.</p> steps() easing 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/steps-easing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/steps-easing">steps() easing</a></h1> <p>The <code>steps()</code> CSS easing function divides an animation or transition into equidistant intervals, jumping from value to value. The <code>step-start</code> and <code>step-end</code> keyword values are presets with a single interval.</p> String replaceAll() 2023-02-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-replaceall <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-replaceall">String replaceAll()</a></h1> <p>The <code>replaceAll()</code> 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.</p> Shadow parts 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/shadow-parts <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/shadow-parts">Shadow parts</a></h1> <p>The <code>part</code> and <code>exportparts</code> HTML attributes expose elements of a shadow DOM as named parts, which can be selected by the <code>::part()</code> CSS pseudo-element for styling.</p> shape-outside 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/shape-outside <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/shape-outside">shape-outside</a></h1> <p>The <code>shape-outside</code> CSS property, along with <code>shape-margin</code> and <code>shape-image-threshold</code>, sets the shape around which adjacent content will wrap.</p> shapes 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/shapes <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/shapes">shapes</a></h1> <p>The <code>circle()</code>, <code>ellipse()</code>, <code>inset()</code>, <code>polygon()</code>, <code>rect()</code>, and <code>xywh()</code> CSS shape functions create shapes for use with <code>clip-path</code> and <code>shape-outside</code>.</p> <slot> 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/slot <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/slot"><slot></a></h1> <p>The <code><slot></code> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.</p> SMIL SVG animations 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/smil-svg-animations <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/smil-svg-animations">SMIL SVG animations</a></h1> <p>The <code><animate></code>, <code><animateMotion></code>, and <code><animateTransform></code> SVG elements declaratively animate SVG elements. Also known as SMIL.</p> Spread syntax 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/spread <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/spread">Spread syntax</a></h1> <p>The spread (<code>...</code>) syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected.</p> Stable array sort 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/stable-array-sort <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/stable-array-sort">Stable array sort</a></h1> <p>Stable array sort() function</p> String matchAll() 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-matchall <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-matchall">String matchAll()</a></h1> <p>The <code>matchAll()</code> method of strings matches a string against a regular expression and returns an iterator of all results, including capturing groups.</p> String trimStart() and trimEnd() 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-trim-startend <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-trim-startend">String trimStart() and trimEnd()</a></h1> <p>The <code>trimStart()</code> and <code>trimEnd()</code> methods of strings return a new string with whitespace removed from the beginning or end of the string.</p> String padStart() and padEnd() 2019-10-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-pad <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-pad">String padStart() and padEnd()</a></h1> <p>The <code>padStart()</code> and <code>padEnd()</code> methods of strings return a string lengthened to a minimum number of characters by adding characters to the start or end of the string.</p> String repeat() 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-repeat <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-repeat">String repeat()</a></h1> <p>The <code>repeat()</code> method of strings returns the original string repeated a number of times.</p> <small> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/small <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/small"><small></a></h1> <p>The <code><small></code> element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. Styled in a reduced font size by default.</p> <source> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/source <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/source"><source></a></h1> <p>The <code><source></code> element sets a media resource for the <code><picture></code>, <code><video></code>, and <code><audio></code> elements.</p> Sourcemap header 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/sourcemap-header <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/sourcemap-header">Sourcemap header</a></h1> <p>The <code>Sourcemap</code> HTTP response header links generated code to a source map, so the browser shows the original source in a debugger. This makes it easier to work with minified or transpiled code.</p> Small, large, and dynamic viewport units 2025-06-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/viewport-unit-variants <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/viewport-unit-variants">Small, large, and dynamic viewport units</a></h1> <p>The <code>sv*</code>, <code>lv*</code>, and <code>dv*</code> 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.</p> Exception handling (WebAssembly) 2024-11-03T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-exception-handling <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-exception-handling">Exception handling (WebAssembly)</a></h1> <p>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.</p> 3D transforms 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/transforms3d <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/transforms3d">3D transforms</a></h1> <p>The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.</p> Threads and atomics (WebAssembly) 2024-06-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-threads <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-threads">Threads and atomics (WebAssembly)</a></h1> <p>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.</p> Reference types (WebAssembly) 2024-05-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-reference-types <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-reference-types">Reference types (WebAssembly)</a></h1> <p>The <code>externref</code> type can be both a value type and a table element type, while <code>funcref</code> can be a value type.</p> Bulk memory operations (WebAssembly) 2024-04-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-bulk-memory <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-bulk-memory">Bulk memory operations (WebAssembly)</a></h1> <p>Bulk memory operations, such as <code>copy</code> and <code>init</code>, mirror the efficiency of native <code>memcpy</code> and <code>memmove</code> operations.</p> Non-trapping float-to-int conversion (WebAssembly) 2024-04-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-non-trapping-float-to-int <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-non-trapping-float-to-int">Non-trapping float-to-int conversion (WebAssembly)</a></h1> <p>Saturating floating-point to integer conversion operators return the maximum or minimum integer value on overflow instead of trapping.</p> Visual viewport API 2024-02-10T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/visual-viewport <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/visual-viewport">Visual viewport API</a></h1> <p>The <code>visualViewport</code> API provides a way to query and modify the user-visible viewport of a web page.</p> BigInt to i64 conversion (WebAssembly) 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-bigint <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-bigint">BigInt to i64 conversion (WebAssembly)</a></h1> <p>Integer values pass bidirectionally between JavaScript and WebAssembly, converted to i64 values in WebAssembly or BigInt values in JavaScript.</p> Sign extension operators (WebAssembly) 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-sign-extension-operators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-sign-extension-operators">Sign extension operators (WebAssembly)</a></h1> <p>Sign-extension operator instructions extend the width of 8-bit, 16-bit, and 32-bit values to 32-bit and 64-bit values.</p> Weak references 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/weak-references <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/weak-references">Weak references</a></h1> <p>The <code>WeakRef</code> and <code>FinalizationRegistry</code> objects hold references to garbage-collectable objects without creating strong references that prevent their garbage collection.</p> Multi-value (WebAssembly) 2023-04-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-multi-value <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-multi-value">Multi-value (WebAssembly)</a></h1> <p>Instructions and blocks can produce multiple result values.</p> touch-action 2022-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/touch-action <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/touch-action">touch-action</a></h1> <p>The <code>touch-action</code> CSS property sets whether an element on a touch screen can be panned or pinched to zoom.</p> Upgrade insecure requests 2020-10-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/upgrade-insecure-requests <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/upgrade-insecure-requests">Upgrade insecure requests</a></h1> <p>The <code>Upgrade-Insecure-Requests</code> HTTP request header tells the server that the response should redirect to a secure (HTTPS) resource.</p> Viewport units 2020-04-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/viewport-units <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/viewport-units">Viewport units</a></h1> <p>The <code>vw</code>, <code>vh</code>, <code>vmin</code>, and <code>vmax</code> CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.</p> WebAssembly 2020-04-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm">WebAssembly</a></h1> <p>The <code>WebAssembly.instantiate()</code> and <code>WebAssembly.instantiateStreaming()</code> global static methods load WebAssembly code (also known as Wasm), a portable binary instruction format.</p> Typed array iteration methods 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/typed-array-iteration-methods <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/typed-array-iteration-methods">Typed array iteration methods</a></h1> <p>Typed array iteration methods</p> Typed array iterators 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/typed-array-iterators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/typed-array-iterators">Typed array iterators</a></h1> <p>Typed arrays are iterable with the <code>for ⦠of</code> statement and enumerable with the methods <code>entries()</code>, <code>keys()</code>, and <code>values()</code>.</p> unset 2018-09-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/unset-value <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/unset-value">unset</a></h1> <p>The <code>unset</code> keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like <code>color</code>) reset to the parent element's computed value. Non-inherited properties (like <code>display</code>) reset to the specified initial value (<code>inline</code>).</p> 2D transforms 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/transforms2d <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/transforms2d">2D transforms</a></h1> <p>The <code>transform</code> CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.</p> Transitions (CSS) 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/transitions <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/transitions">Transitions (CSS)</a></h1> <p>The <code>transition</code> shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.</p> Unicode point escapes 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/unicode-point-escapes <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/unicode-point-escapes">Unicode point escapes</a></h1> <p>Unicode point escapes (<code>\\u{}</code>) represent Unicode characters within strings.</p> Typed arrays (initial support) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/typed-arrays <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/typed-arrays">Typed arrays (initial support)</a></h1> <p>Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers.</p> <u> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/u <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/u"><u></a></h1> <p>The <code><u></code> HTML element makes non-textual annotations, styling text as underlined by default.</p> URL 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/url <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/url">URL</a></h1> <p>A <code>URL</code> object represents a web address, like <code>https://example.com/</code>, and parts of the address, such as the domain, path, and query string (as <code>URLSearchParams</code>).</p> User action pseudo-classes 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/user-action-pseudos <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/user-action-pseudos">User action pseudo-classes</a></h1> <p>The <code>:active</code>, <code>:focus</code>, and <code>:hover</code> CSS pseudo-classes match elements based on how users are interacting with them.</p> User agent sniffing 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/user-agent-sniffing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/user-agent-sniffing">User agent sniffing</a></h1> <p>The <code>navigator.userAgent</code> property is the user agent string for the current browser. Selectively showing content based on the user agent string is unreliable. Consider using feature detection instead.</p> <var> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/var <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/var"><var></a></h1> <p>The <code><var></code> element represents the name of a variable in a mathematical expression or a programming context.</p> vertical-align 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/vertical-align <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/vertical-align">vertical-align</a></h1> <p>The <code>vertical-align</code> CSS property sets the vertical alignment of inline, inline-block, and table cell elements. It has no effect on block-level elements.</p> <video> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/video <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/video"><video></a></h1> <p>The <code><video></code> element plays videos or movies, optionally with controls provided by the browser.</p> visibility 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/visibility <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/visibility">visibility</a></h1> <p>The <code>visibility</code> CSS property sets whether an element is shown. Invisible elements still affect the document layout.</p> Import and export of mutable globals (WebAssembly) 2022-09-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-mutable-globals <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-mutable-globals">Import and export of mutable globals (WebAssembly)</a></h1> <p>Mutable global variables are importable and exportable.</p> OES_draw_buffers_indexed WebGL extension 2025-06-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-oes-draw-buffers-indexed <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-oes-draw-buffers-indexed">OES_draw_buffers_indexed WebGL extension</a></h1> <p>The <code>OES_draw_buffers_indexed</code> extension for WebGL 2.0 contexts allows you to control blending on a per-color basis when writing to multiple color buffers simultaneously.</p> font-palette 2025-05-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-palette <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-palette">font-palette</a></h1> <p>The <code>font-palette</code> CSS property selects a color palette from the font, optionally overriding individual colors in the <code>@font-palette-values</code> at-rule.</p> Grid animation 2025-04-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/grid-animation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/grid-animation">Grid animation</a></h1> <p>Grid animation allows you to animate the <code>grid-template-columns</code> and <code>grid-template-rows</code> CSS properties.</p> ic unit 2025-04-03T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ic <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ic">ic unit</a></h1> <p>The <code>ic</code> CSS length unit corresponds to the width of CJK ideographic characters.</p> Forced colors 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/forced-colors <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/forced-colors">Forced colors</a></h1> <p>The <code>forced-colors</code> CSS @media rule detects when a user has chosen to use a forced colors mode, also known as high-contrast mode, and the <code>forced-color-adjust</code> CSS property sets whether forced colors apply to an element.</p> overflow: clip 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/overflow-clip <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/overflow-clip">overflow: clip</a></h1> <p>The <code>overflow: clip</code> CSS declaration clips an element's overflowing content to the box that's defined by the <code>overflow-clip-margin</code> property. Unlike <code>overflow: hidden</code>, it allows you to hide overflow on one axis while keeping overflow on the other axis visible.</p> overscroll-behavior 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/overscroll-behavior <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/overscroll-behavior">overscroll-behavior</a></h1> <p>The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.</p> Permissions 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/permissions <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/permissions">Permissions</a></h1> <p>The <code>navigator.permissions</code> API checks whether a permission, such as access to geolocation data, has been granted.</p> resolution media query 2025-03-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/resolution <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/resolution">resolution media query</a></h1> <p>The <code>resolution</code> CSS media query sets styles based on the pixel density, or how many pixels a device uses to display a single CSS pixel.</p> Individual transform properties 2025-02-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/individual-transforms <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/individual-transforms">Individual transform properties</a></h1> <p>The <code>translate</code>, <code>rotate</code>, and <code>scale</code> CSS properties apply single transformations independently, as opposed to applying multiple transformations with the <code>transform</code> CSS property.</p> prefers-contrast media query 2024-11-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/prefers-contrast <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/prefers-contrast">prefers-contrast media query</a></h1> <p>The <code>prefers-contrast</code> CSS media query sets styles based on whether the user prefers more or less contrast, the difference between foreground and background colors.</p> dynamic-range media query 2024-11-03T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dynamic-range <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dynamic-range">dynamic-range media query</a></h1> <p>The <code>dynamic-range</code> CSS media query sets styles based on whether a device can display at least <code>standard</code> range colors or at least <code>high</code> range colors. Non-visual devices will match neither.</p> HWB 2024-10-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hwb <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hwb">HWB</a></h1> <p>The <code>hwb()</code> CSS function picks colors using hue, whiteness, and blackness channels.</p> :focus-visible 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/focus-visible <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/focus-visible">:focus-visible</a></h1> <p>The <code>:focus-visible</code> CSS pseudo-class selects elements that match the <code>:focus</code> pseudo-class and meets the browser's criteria for visually emphasizing focused elements.</p> hardwareConcurrency 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hardware-concurrency <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hardware-concurrency">hardwareConcurrency</a></h1> <p>The <code>navigator.hardwareConcurrency</code> property is the number of logical processors available to run threads on the user's computer.</p> scroll-behavior 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scroll-behavior <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scroll-behavior">scroll-behavior</a></h1> <p>The <code>scroll-behavior</code> CSS property controls whether scrolling is smooth or snaps, for scroll actions not performed by the user such as those triggered by navigation.</p> text-combine-upright 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-combine-upright <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-combine-upright">text-combine-upright</a></h1> <p>The <code>text-combine-upright</code> CSS property displays multiple characters in the space of a single character in vertical text. This is used in East Asian documents to display Latin-based strings such as components of a date or letters of an initialism.</p> Locks 2024-09-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/web-locks <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/web-locks">Locks</a></h1> <p>The <code>navigator.locks</code> API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks.</p> text-emphasis 2024-09-03T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-emphasis <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-emphasis">text-emphasis</a></h1> <p>The <code>text-emphasis</code> CSS property sets position and style for text emphasis marks, especially for East Asian languages.</p> font-synthesis 2024-07-06T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis">font-synthesis</a></h1> <p>The <code>font-synthesis</code> 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 <code>font-synthesis-style</code> and <code>font-synthesis-weight</code>.</p> inputmode 2024-06-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/inputmode <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/inputmode">inputmode</a></h1> <p>The <code>inputmode</code> global HTML attribute gives a hint about what type of data is to be entered into an <code><input></code> element, such as <code>text</code>, <code>numeric</code>, or <code>email</code>, so the browser may help the user enter data using an adapted input mechanism, such as an on-screen virtual keyboard.</p> enterkeyhint 2024-05-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/enterkeyhint <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/enterkeyhint">enterkeyhint</a></h1> <p>The <code>enterkeyhint</code> global HTML attribute sets the label for a virtual keyboard's Enter key. For example, <code>enterkeyhint="search"</code> may label the key with a magnifying glass icon.</p> fit-content 2024-05-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/fit-content <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/fit-content">fit-content</a></h1> <p>The <code>fit-content</code> CSS keyword expands a box as needed to fit its contents until the maximum size is reached, preserving the content's preferred aspect ratio.</p> image-rendering 2024-04-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/image-rendering <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/image-rendering">image-rendering</a></h1> <p>The <code>image-rendering</code> CSS property sets how images are scaled, retaining smoothness for photos, or hard edges for pixel art and QR codes.</p> Error cause 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/error-cause <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/error-cause">Error cause</a></h1> <p>The <code>cause</code> property of errors records the specific original cause of the error, particularly for errors that have been re-thrown.</p> EXT_color_buffer_float WebGL extension 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ext-color-buffer-float <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ext-color-buffer-float">EXT_color_buffer_float WebGL extension</a></h1> <p>The <code>EXT_color_buffer_float</code> extension for WebGL 2.0 contexts adds color-renderable floating point formats to <code>renderbufferStorage()</code>.</p> IndexedDB 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/indexeddb <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/indexeddb">IndexedDB</a></h1> <p>The IndexedDB API is a local storage transactional object database.</p> Referrer policy 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/referrer-policy <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/referrer-policy">Referrer policy</a></h1> <p>The <code>Referrer-Policy</code> HTTP header and <code>referrerpolicy</code> HTML attributes control whether requests have the <code>Referer</code> header and what information the header contains.</p> Top-level await 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/top-level-await <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/top-level-await">Top-level await</a></h1> <p>The <code>await</code> keyword, when used at the top level of a module (outside of an async function), delays parent module execution until after a promise fulfills.</p> WEBGL_color_buffer_float WebGL extension 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-color-buffer-float <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-color-buffer-float">WEBGL_color_buffer_float WebGL extension</a></h1> <p>The <code>WEBGL_color_buffer_float</code> extension for WebGL 1.0 contexts adds the 32-bit floating-point type <code>RGBA32F</code> as a color-renderable format.</p> WebGL2 2024-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl2 <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl2">WebGL2</a></h1> <p>The <code>WebGL2RenderingContext</code> API is the <code>"webgl2"</code> rendering context for the <code><canvas></code> element. It represents a space for drawing two- and three-dimensional graphics and animations. It corresponds to OpenGL ES 3.0.</p> System font 2024-03-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-family-system <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-family-system">System font</a></h1> <p>The <code>font-family: system-ui</code> CSS declaration uses the operating system default font for text.</p> Web authentication 2024-03-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webauthn <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webauthn">Web authentication</a></h1> <p>The web authentication API allows you to create public key-based credentials and use them for authentication, such as when signing in. Also known as WebAuthn.</p> tab-size 2024-02-10T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/tab-size <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/tab-size">tab-size</a></h1> <p>The <code>tab-size</code> CSS property sets the width of the tab character.</p> ::file-selector-button 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/file-selector-button <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/file-selector-button">::file-selector-button</a></h1> <p>The <code>::file-selector-button</code> CSS pseudo-element selects the button of a <code><input type="file"></code> element.</p> Flexbox gap 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/flexbox-gap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/flexbox-gap">Flexbox gap</a></h1> <p>The <code>gap</code> CSS property in a flexbox layout sets the size of the space between items.</p> Date and time <input> types 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-date-time <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-date-time">Date and time <input> types</a></h1> <p>The <code><input type="date"></code> and <code><input type="time"></code> HTML elements show date and time pickers.</p> Intl.DisplayNames 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl-display-names <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl-display-names">Intl.DisplayNames</a></h1> <p>The <code>Intl.DisplayNames</code> API provides localized names of language, region, script, and currency codes.</p> Intl.ListFormat 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl-list-format <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl-list-format">Intl.ListFormat</a></h1> <p>The <code>Intl.ListFormat</code> API creates a locale-aware formatter that turns iterable objects into localized strings.</p> Quotes 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/quotes <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/quotes">Quotes</a></h1> <p>The <code>quotes</code> CSS property sets the quotation marks inserted via the <code>content</code> CSS property or <code><q></code> element.</p> Web Audio 2023-10-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/web-audio <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/web-audio">Web Audio</a></h1> <p>The Web Audio API creates graphs of audio nodes that handle sound inputs, synthesize sounds, apply effects, create visualizations, and output to audio devices.</p> :is() 2023-07-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/is <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/is">:is()</a></h1> <p>The <code>:is()</code> 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.</p> :where() 2023-07-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/where <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/where">:where()</a></h1> <p>The <code>:where()</code> 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.</p> text-underline-offset 2023-05-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-underline-offset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-underline-offset">text-underline-offset</a></h1> <p>The <code>text-underline-offset</code> CSS property shifts underlines on text from the initial position by a given distance. The initial position is affected by the <code>text-underline-position</code> property.</p> EXT_color_buffer_half_float WebGL extension 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ext-color-buffer-half-float <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ext-color-buffer-half-float">EXT_color_buffer_half_float WebGL extension</a></h1> <p>The <code>EXT_color_buffer_half_float</code> extension for WebGL 1.0 and 2.0 contexts renders 16-bit floating-point color buffers.</p> Intl.Locale 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl-locale <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl-locale">Intl.Locale</a></h1> <p>The <code>Intl.Locale</code> API parses Unicode locale identifiers, with language, region, and script codes, such as <code>zh-Hans-CN</code> or <code>en-GB</code>.</p> Intl.RelativeTimeFormat 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl-relative-time-format <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl-relative-time-format">Intl.RelativeTimeFormat</a></h1> <p>The <code>Intl.RelativeTimeFormat</code> API creates a locale-aware formatter that turns an object representing a relative time (such as '1 day ago') into a localized string.</p> Promise.any() 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/promise-any <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/promise-any">Promise.any()</a></h1> <p>The <code>Promise.any()</code> 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 <code>AggregateError</code> when all of the promises have rejected.</p> Scroll methods on elements 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scroll-elements <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scroll-elements">Scroll methods on elements</a></h1> <p>The <code>scroll()</code> and <code>scrollBy()</code> methods change the scroll position of overflow content within an element. Similar to setting <code>scrollTop</code> and <code>scrollLeft</code> properties, but with options setting whether the scroll should animate smoothly or jump. Note that <code>scrollTo()</code> is an alias for <code>scroll()</code>.</p> scrollIntoView() 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scroll-into-view <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scroll-into-view">scrollIntoView()</a></h1> <p>The <code>scrollIntoView()</code> method scrolls an element's ancestor containers such that the element is visible to the user.</p> text-orientation 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-orientation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-orientation">text-orientation</a></h1> <p>The <code>text-orientation</code> CSS property sets the how text is typeset within a line when the writing mode is vertical.</p> Web animations 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/web-animations <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/web-animations">Web animations</a></h1> <p>The web animation API programmatically creates, inspects, and controls element animations, to change and synchronize appearance over time.</p> WEBGL_debug_shaders WebGL extension 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-debug-shaders <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-debug-shaders">WEBGL_debug_shaders WebGL extension</a></h1> <p>The <code>WEBGL_debug_shaders</code> extension for WebGL 1.0 and 2.0 contexts adds the <code>getTranslatedShaderSource()</code> method to debug shaders from privileged contexts.</p> WebP 2023-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webp <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webp">WebP</a></h1> <p>The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.</p> Pointer Events 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/pointer-events-api <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/pointer-events-api">Pointer Events</a></h1> <p>Pointer events, such as <code>pointerdown</code>, and the <code>PointerEvent</code> API, represent general pointing inputs, from a wide range of devices, such as a mouse, pen or stylus, or touch with one or more fingers. Not to be confused with the <code>pointer-events</code> CSS property.</p> Promise.allSettled() 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/promise-allsettled <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/promise-allsettled">Promise.allSettled()</a></h1> <p>The <code>Promise.allSettled()</code> static method waits for an array of promises to settle (resolve or reject).</p> :read-only and :read-write 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/read-write-pseudos <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/read-write-pseudos">:read-only and :read-write</a></h1> <p>The <code>:read-only</code> and <code>:read-write</code> CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, <code>:read-only</code> matches <code><input></code> and <code><textarea></code> elements with the <code>readonly</code> attribute.</p> Resize observer 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/resize-observer <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/resize-observer">Resize observer</a></h1> <p>The <code>ResizeObserver</code> API observes and reacts to changes in the size of DOM elements.</p> text-underline-position 2023-01-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-underline-position <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-underline-position">text-underline-position</a></h1> <p>The <code>text-underline-position</code> CSS property sets the position of underlines on text. For example, <code>text-underline-position: under</code> places the underline below the text, avoiding crossing descenders. The underline may be further adjusted by the <code>text-underline-offset</code> property.</p> revert 2023-01-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/revert-value <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/revert-value">revert</a></h1> <p>The <code>revert</code> CSS keyword resets any property to its previous default, provided by either the user or browser stylesheets. For example, setting <code>display: revert</code> on a <code><div></code> will likely result in <code>display: block</code>, the browser default style. This is often confused with <code>initial</code>.</p> image-orientation 2022-10-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/image-orientation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/image-orientation">image-orientation</a></h1> <p>The <code>image-orientation</code> CSS property corrects the rotation of an image using the image's metadata, such as EXIF.</p> font-optical-sizing 2022-09-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-optical-sizing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-optical-sizing">font-optical-sizing</a></h1> <p>The <code>font-optical-sizing</code> CSS property sets whether text rendering is optimized for viewing at different sizes.</p> Hashbang comments 2022-09-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hashbang-comments <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hashbang-comments">Hashbang comments</a></h1> <p>The <code>#!</code> comment at the absolute start of a script or module is treated as a normal comment and is ignored by the JavaScript engine.</p> overflow 2022-09-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/overflow-shorthand <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/overflow-shorthand">overflow</a></h1> <p>The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.</p> Q unit 2022-09-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/q-unit <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/q-unit">Q unit</a></h1> <p>The <code>Q</code> CSS length unit is an absolute length anchored to the physical measurement of quarter-millimeters. <code>1Q</code> is equivalent to 1/40 of 1 centimeter.</p> EXT_sRGB WebGL extension 2022-08-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ext-srgb <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ext-srgb">EXT_sRGB WebGL extension</a></h1> <p>The <code>EXT_sRGB</code> extension for WebGL 1.0 contexts adds sRGB support to textures and framebuffer objects.</p> document.elementFromPoint() and document.elementsFromPoint() 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/element-from-point <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/element-from-point">document.elementFromPoint() and document.elementsFromPoint()</a></h1> <p>The <code>document.elementFromPoint()</code> and <code>document.elementsFromPoint()</code> methods find the top-most element at a given point in the viewport, or all elements at a given point in the viewport, respectively.</p> <embed> 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/embed <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/embed"><embed></a></h1> <p>The <code><embed></code> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.</p> File API 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/file <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/file">File API</a></h1> <p>The File API represents and reads from file data and metadata. Typically, you get files through other APIs, such as the <code><input type="file"></code> element or drag-and-drop events. You may also send file data to other APIs, such as creating images or drawing on canvases.</p> :focus-within 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/focus-within <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/focus-within">:focus-within</a></h1> <p>The <code>:focus-within</code> CSS pseudo-class matches an element if the element or any of its children are focused.</p> font-display 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-display <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-display">font-display</a></h1> <p>The <code>font-display</code> CSS descriptor sets whether to show a substitute font or nothing while a font face loads. The property manages what's known as a flash of unstyled text or flash of invisible text.</p> font-kerning 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-kerning <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-kerning">font-kerning</a></h1> <p>The <code>font-kerning</code> CSS property sets whether kerning data from a font is used to adjust the space between letters.</p> Font loading 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-loading <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-loading">Font loading</a></h1> <p>The <code>document.fonts</code> API dynamically loads custom fonts and tracks when fonts are loading or ready to use.</p> font-variant-caps 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-variant-caps <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-variant-caps">font-variant-caps</a></h1> <p>The <code>font-variant-caps</code> CSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles.</p> font-variant-east-asian 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-variant-east-asian <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-variant-east-asian">font-variant-east-asian</a></h1> <p>The <code>font-variant-east-asian</code> CSS property controls glyph substitution and sizing in East Asian text.</p> font-variant-ligatures 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-variant-ligatures <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-variant-ligatures">font-variant-ligatures</a></h1> <p>The <code>font-variant-ligatures</code> CSS property sets how characters can be visually combined for readability or stylistic reasons.</p> font-variant-numeric 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-variant-numeric <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-variant-numeric">font-variant-numeric</a></h1> <p>The <code>font-variant-numeric</code> CSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.</p> globalThis 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/globalthis <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/globalthis">globalThis</a></h1> <p>The <code>globalThis</code> property accesses the global <code>this</code> value (and hence the global object itself) across environments.</p> Host 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/host <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/host">Host</a></h1> <p>The <code>:host</code> CSS pseudo-class selects the containing element of the shadow tree in which it is used. The <code>:host()</code> CSS pseudo-class selects the that element only if it matches the provided selector.</p> HSL 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hsl <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hsl">HSL</a></h1> <p>The <code>hsl()</code> and <code>hsla()</code> CSS functions pick colors using hue, saturation, lightness, and alpha (transparency) channels.</p> srcdoc 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/iframe-srcdoc <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/iframe-srcdoc">srcdoc</a></h1> <p>The <code>srcdoc</code> attribute for the <code><iframe></code> HTML element sets a string of HTML to embed in the document. The value of <code>srcdoc</code> overrides loading a document from the <code>src</code> attribute.</p> :indeterminate 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/indeterminate <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/indeterminate">:indeterminate</a></h1> <p>The <code>:indeterminate</code> CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.</p> Input events 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-event <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-event">Input events</a></h1> <p>The <code>input</code> event fires when a form control changes or an element with the <code>contenteditable</code> attribute changes.</p> isolation 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/isolation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/isolation">isolation</a></h1> <p>The <code>isolation</code> CSS property creates a new stacking context, which impacts <code>z-index</code> ordering and blend modes.</p> ::placeholder 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/placeholder <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/placeholder">::placeholder</a></h1> <p>The <code>::placeholder</code> CSS pseudo-element selects help text in <code><input></code> and <code><textarea></code> elements when no value is set.</p> :placeholder-shown 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/placeholder-shown <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/placeholder-shown">:placeholder-shown</a></h1> <p>The <code>:placeholder-shown</code> CSS pseudo-element selects <code><input></code> and <code><textarea></code> elements when no value is set and the element's <code>placeholder</code> attribute is not empty. Not to be confused with <code>::placeholder</code>, which selects the placeholder text itself.</p> prefers-color-scheme media query 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/prefers-color-scheme <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/prefers-color-scheme">prefers-color-scheme media query</a></h1> <p>The <code>prefers-color-scheme</code> CSS media query sets styles based on the requested color scheme, light or dark.</p> prefers-reduced-motion media query 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/prefers-reduced-motion <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/prefers-reduced-motion">prefers-reduced-motion media query</a></h1> <p>The <code>prefers-reduced-motion</code> CSS media query sets styles based on whether the user prefers to minimize the amount of non-essential animations on the device, such as scrolling, panning, zooming, and strobing.</p> RGB 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/rgb <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/rgb">RGB</a></h1> <p>The <code>rgb()</code>, <code>rgba()</code>, and hexadecimal (as in <code>#004488ff</code>) notations pick colors using red, green, blue, and alpha (transparency) channels.</p> Safe area inset environment variables 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/safe-area-inset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/safe-area-inset">Safe area inset environment variables</a></h1> <p>The <code>safe-area-inset-</code> CSS environment variables represent a rectangle that cannot cut off content within a non-rectangular screen. For example, <code>top:\ env(safe-area-inset-top);</code> positions the top of an element below the notch on an iPhone.</p> :scope (pseudo-class) 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scope-pseudo <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scope-pseudo">:scope (pseudo-class)</a></h1> <p>The <code>:scope</code> CSS pseudo-class matches the scoping root, for instance the element that <code>querySelector()</code> is called on, or the root of a DOM subtree specified with <code>@scope</code>.</p> Scroll snap 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scroll-snap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scroll-snap">Scroll snap</a></h1> <p>CSS scroll snap controls the panning and scrolling behavior within a scroll container.</p> Server-sent events 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/server-sent-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/server-sent-events">Server-sent events</a></h1> <p>The <code>EventSource</code> API creates a connection to a server and listens to a stream of events sent by the server.</p> Shadow DOM 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/shadow-dom <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/shadow-dom">Shadow DOM</a></h1> <p>Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.</p> SVG 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/svg <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/svg">SVG</a></h1> <p>The SVG image format, represented by the <code><svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.</p> Template literals 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/template-literals <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/template-literals">Template literals</a></h1> <p>Template literals are literals delimited with backtick (`) characters, allowing for multi-line strings, string interpolation with embedded expressions, and special constructs called tagged templates.</p> Text encoding and decoding 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-encoding <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-encoding">Text encoding and decoding</a></h1> <p>The <code>TextEncoder</code> API transforms a stream of code points into a byte stream with UTF-8 encoding, and <code>TextDecoder</code> does the reverse.</p> WEBGL_compressed_texture_astc WebGL extension 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-compressed-texture-astc <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-compressed-texture-astc">WEBGL_compressed_texture_astc WebGL extension</a></h1> <p>The <code>WEBGL_compressed_texture_astc</code> extension for WebGL 1.0 and 2.0 contexts adds the Adaptive Scalable Texture Compression format to <code>compressedTexImage2D()</code> and <code>compressedTexSubImage2D()</code>.</p> WebRTC 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webrtc <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webrtc">WebRTC</a></h1> <p>The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.</p> WebRTC statistics 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webrtc-stats <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webrtc-stats">WebRTC statistics</a></h1> <p>The <code>RTCPeerConnection.getStats()</code>, <code>RTCRtpSender.getStats()</code>, and <code>RTCRtpReceiver.getStats()</code> methods return detailed information about the status, performance, network, and media for a given WebRTC connection.</p> WebVTT cue settings 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webvtt-cue-settings <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webvtt-cue-settings">WebVTT cue settings</a></h1> <p>The <code>VTTCue</code> API updates various aspects of cues dynamically, such as alignment, size and position.</p> will-change 2022-07-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/will-change <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/will-change">will-change</a></h1> <p>The <code>will-change</code> CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.</p> Intl.PluralRules 2022-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl-plural-rules <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl-plural-rules">Intl.PluralRules</a></h1> <p>The <code>Intl.PluralRules</code> API creates a locale-aware object that tells you which of the language's pluralization rules apply based on a given number.</p> Print events 2022-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/print-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/print-events">Print events</a></h1> <p>An alternative to <code>@media print</code> queries, the <code>beforeprint</code> and <code>afterprint</code> events allow you to change the page for printing and and restore the page after printing.</p> Sticky positioning 2022-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/sticky-positioning <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/sticky-positioning">Sticky positioning</a></h1> <p>The <code>position: sticky</code> 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.</p> Encrypted media extensions 2021-09-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/encrypted-media-extensions <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/encrypted-media-extensions">Encrypted media extensions</a></h1> <p>The <code>mediaKeys</code> property of <code>HTMLMediaElement</code> and the <code>navigator.requestMediaKeySystemAccess()</code> method control the playback of content subject to digital rights management. Also known as EME.</p> Intersection observer 2021-09-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intersection-observer <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intersection-observer">Intersection observer</a></h1> <p>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.</p> Page breaks 2021-07-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/page-breaks <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/page-breaks">Page breaks</a></h1> <p>In printed page layouts, the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties control where printed pages start and end. Also known as pagination or page breaking.</p> Interaction media queries 2021-06-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/interaction <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/interaction">Interaction media queries</a></h1> <p>The <code>pointer</code>, <code>any-pointer</code>, <code>hover</code>, and <code>any-hover</code> 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 <code>(hover: none) and (pointer: coarse)</code> media query.</p> resolution media query (compatibility prefixes) 2021-04-23T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/resolution-compat <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/resolution-compat">resolution media query (compatibility prefixes)</a></h1> <p>The <code>-webkit-device-pixel-ratio</code>, <code>-webkit-min-device-pixel-ratio</code>, and <code>-webkit-max-device-pixel-ratio</code> CSS media queries are standardized compatibility alternatives to <code>resolution</code> media queries.</p> overflow-wrap 2021-04-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/overflow-wrap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/overflow-wrap">overflow-wrap</a></h1> <p>The <code>overflow-wrap</code> 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 <code>word-wrap</code>.</p> Promise finally() 2021-04-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/promise-finally <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/promise-finally">Promise finally()</a></h1> <p>The promise <code>finally()</code> method executes a function when the promise settles (resolves or rejects).</p> tabindex 2021-04-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/tabindex <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/tabindex">tabindex</a></h1> <p>The <code>tabindex</code> HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation.</p> font-variation-settings 2021-03-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-variation-settings <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-variation-settings">font-variation-settings</a></h1> <p>The <code>font-variation-settings</code> 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 <code>font-weight: bold</code>. Also known as variable fonts.</p> Speech synthesis 2021-03-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/speech-synthesis <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/speech-synthesis">Speech synthesis</a></h1> <p>The <code>SpeechSynthesis</code> API converts text to speech with artificial voices.</p> JavaScript modules 2020-11-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/js-modules <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/js-modules">JavaScript modules</a></h1> <p>JavaScript modules allow code to be organized into reusable units. Modules use <code>import</code> to load other modules and <code>export</code> to declare what is available to import from other modules. In HTML, modules are loaded with <code><script type="module"></code>.</p> EXT_blend_minmax WebGL extension 2020-10-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ext-blend-minmax <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ext-blend-minmax">EXT_blend_minmax WebGL extension</a></h1> <p>The <code>EXT_blend_minmax</code> extension for WebGL 1.0 contexts adds two blend equations, the minimum and maximum color components of the source and destination colors.</p> Service workers 2020-10-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/service-workers <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/service-workers">Service workers</a></h1> <p>The service worker of a website is a script that runs in its own thread and which acts as local proxy that intercepts network requests from the website. Use a service worker to implement advanced caching strategies, offline support, background tasks, or push notification support on your website.</p> WEBGL_lose_context WebGL extension 2020-10-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-lose-context <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-lose-context">WEBGL_lose_context WebGL extension</a></h1> <p>The <code>WEBGL_lose_context</code> extension for WebGL 1.0 and 2.0 contexts simulates losing and restoring a <code>WebGLRenderingContext</code> or <code>WebGL2RenderingContext</code>.</p> isSecureContext 2020-10-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/is-secure-context <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/is-secure-context">isSecureContext</a></h1> <p>The <code>isSecureContext</code> global property is a boolean for whether the current browsing context is secure. This is primarily a check that the page has been served over an HTTPS URL.</p> spellcheck 2020-05-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/spellcheck <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/spellcheck">spellcheck</a></h1> <p>The <code>spellcheck</code> global HTML attribute sets whether the browser may check an element for spelling errors.</p> <time> 2020-04-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/time <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/time"><time></a></h1> <p>The <code><time></code> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the <code>datetime</code> attribute to translate dates into machine-readable format.</p> Grid 2020-04-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/grid <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/grid">Grid</a></h1> <p>CSS grid is a two-dimensional layout system, which lays content out in rows and columns.</p> Intl 2020-03-28T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl">Intl</a></h1> <p>The <code>Intl</code> API provides language sensitive string comparison, number formatting, date and time formatting, and more.</p> Resource timing (initial support) 2020-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/resource-timing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/resource-timing">Resource timing (initial support)</a></h1> <p><code>PerformanceResourceTiming</code> 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.</p> WEBGL_debug_renderer_info WebGL extension 2019-10-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-debug-renderer-info <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-debug-renderer-info">WEBGL_debug_renderer_info WebGL extension</a></h1> <p>The <code>WEBGL_debug_renderer_info</code> extension for WebGL 1.0 and 2.0 contexts exposes information about the graphics driver for debugging purposes.</p> font-feature-settings 2019-10-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-feature-settings <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-feature-settings">font-feature-settings</a></h1> <p>The <code>font-feature-settings</code> CSS property sets low-level OpenType feature tags for a font. When possible, use <code>font-variant</code> instead.</p> Text stroke and fill (compatibility prefixes) 2019-10-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-stroke-fill <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-stroke-fill">Text stroke and fill (compatibility prefixes)</a></h1> <p>The <code>-webkit-text-stroke-width</code> and <code>-webkit-text-stroke-color</code> CSS properties set the thickness and color of text outlines. The <code>-webkit-text-fill-color</code> sets the color within text character outlines. Both default to the text color.</p> Exponentiation operator 2019-09-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/exponentiation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/exponentiation">Exponentiation operator</a></h1> <p>The exponentiation (<code>**</code>) operator returns the result of raising the first operand to the power of the second operand.</p> Fetch 2019-09-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/fetch <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/fetch">Fetch</a></h1> <p>The <code>fetch()</code> method makes asynchronous HTTP requests.</p> Gamepad 2019-09-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/gamepad <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/gamepad">Gamepad</a></h1> <p>The <code>navigator.getGamepads()</code> API accesses and responds to signals from game controllers.</p> srcset and sizes 2019-09-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/srcset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/srcset">srcset and sizes</a></h1> <p>The <code>srcset</code> and <code>sizes</code> attributes for <code><img></code> elements set a list of possible sources for the image and a corresponding list of size conditions for choosing a source, to show a responsive image that fits the size of the display.</p> writing-mode 2019-09-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/writing-mode <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/writing-mode">writing-mode</a></h1> <p>The <code>writing-mode</code> CSS property sets whether text is laid out horizontally or vertically, and left to right, or right to left.</p> <input type="range"> 2019-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-range <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-range"><input type="range"></a></h1> <p>The <code><input type="range"></code> element represents a slider for choosing an inexact value between a minimum and maximum value.</p> Selection 2019-09-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/selection-api <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/selection-api">Selection</a></h1> <p>The Selection API controls and modifies user text selections within the page.</p> @font-face 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-face <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-face">@font-face</a></h1> <p>The <code>@font-face</code> CSS at-rule creates a custom <code>font-family</code> value. The at-rule's descriptors set the font's name, source, and various display settings.</p> Generators 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/generators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/generators">Generators</a></h1> <p>Generator functions (<code>function*</code>) create iterators that return multiple values, one after another, on-demand.</p> Proxy and Reflect 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/proxy-reflect <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/proxy-reflect">Proxy and Reflect</a></h1> <p>The <code>Proxy</code> and <code>Reflect</code> JavaScript built-ins intercept and define custom behavior for fundamental language operations (such as property lookup, assignment, enumeration, or function invocation).</p> String normalize() 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-normalize <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-normalize">String normalize()</a></h1> <p>The <code>normalize()</code> method of strings returns a Unicode normal form of a string as a new string. More than one code point sequence can represent the same characters. You can use the <code>normalize()</code> method to find canonically or compatibly equivalent strings.</p> @supports (compatibility prefix) 2019-03-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/supports-compat <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/supports-compat">@supports (compatibility prefix)</a></h1> <p>The <code>@supports (-webkit-transform-3d)</code> CSS media query is a standardized compatibility alternative to <code>@supports (transform-style)</code>.</p> filter 2019-03-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/filter <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/filter">filter</a></h1> <p>The <code>filter</code> CSS property applies one or more graphic effects to an element. You can use filter functions, such as <code>blur()</code> and <code>drop-shadow()</code>, alone or combined to produce different effects.</p> EXT_texture_filter_anisotropic WebGL extension 2018-12-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ext-texture-filter-anisotropic <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ext-texture-filter-anisotropic">EXT_texture_filter_anisotropic WebGL extension</a></h1> <p>The <code>EXT_texture_filter_anisotropic</code> 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.</p> <picture> 2018-09-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/picture <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/picture"><picture></a></h1> <p>The <code><picture></code> element is used for art direction in responsive images, where a different image is displayed based on the <code><source></code> element.</p> initial 2018-05-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/initial-value <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/initial-value">initial</a></h1> <p>The <code>initial</code> keyword resets any CSS property to its initial value as defined by the specification. For example, the <code>initial</code> value of the <code>display</code> property is <code>inline</code>, regardless of the element being styled. Not to be confused with <code>revert</code>, which resets to the user or browser default style.</p> <template> 2018-05-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/template <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/template"><template></a></h1> <p>The <code><template></code> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.</p> Flexbox 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/flexbox <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/flexbox">Flexbox</a></h1> <p>Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.</p> HTTP/2 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/http2 <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/http2">HTTP/2</a></h1> <p>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.</p> String codePointAt() and fromCodePoint() 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-codepoint <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-codepoint">String codePointAt() and fromCodePoint()</a></h1> <p>The <code>codePointAt()</code> method returns the numeric value of the UTF-16 code point at an index of the string. The <code>fromCodePoint()</code> method returns a string created from one or more code points.</p> String includes() 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-includes <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-includes">String includes()</a></h1> <p>The <code>includes()</code> method of strings returns whether a search string appears within the string.</p> String raw() 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-raw <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-raw">String raw()</a></h1> <p>The <code>String.raw()</code> static method interpolates template literal substitutions, but ignores escape sequences. It is the tag function for template literals.</p> String startsWith() and endsWith() 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-startsends-with <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-startsends-with">String startsWith() and endsWith()</a></h1> <p>The <code>startsWith()</code> and <code>endsWith()</code> methods of strings returns whether a search string appears at the beginning or end of the provided string.</p> @supports 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/supports <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/supports">@supports</a></h1> <p>The <code>@supports</code> at-rule applies styles based on a browser's support for CSS features, such as a CSS property and value. Also known as feature queries.</p> Symbol 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/symbol <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/symbol">Symbol</a></h1> <p>A <code>Symbol</code> value is a unique, non-enumerable primitive value used for encapsulation or information hiding. For example, a symbol can be a key of an object that can never collide with any other key.</p> WeakSet 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/weakset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/weakset">WeakSet</a></h1> <p>A <code>WeakSet</code> object stores unique values of any type without creating strong references to the values, such that membership in the set does not prevent garbage collection of the value.</p> word-break 2018-03-30T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/word-break <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/word-break">word-break</a></h1> <p>The <code>word-break</code> CSS property sets how lines break within words.</p> Performance 2018-03-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/performance <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/performance">Performance</a></h1> <p>The <code>performance</code> global object and the <code>Performance</code> API provide access to performance-related information for the current execution context.</p> <div> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/div <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/div"><div></a></h1> <p>The <code><div></code> HTML element is the generic container for content.</p> DOM 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dom <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dom">DOM</a></h1> <p>The DOM (Document Object Model) API represents HTML and XML documents as trees of nodes. You can use the API to inspect and modify the structure and content of a document.</p> Drag and Drop 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/draganddrop <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/draganddrop">Drag and Drop</a></h1> <p>The Drag and Drop API lets users drag and drop elements and external files such as images onto web pages. Developers can customize which elements can become draggable, the type of feedback the draggable elements produce, and the droppable elements.</p> <em> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/em <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/em"><em></a></h1> <p>The <code><em></code> HTML element emphasizes or stresses the content, styling text as italic by default.</p> em unit 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/em-unit <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/em-unit">em unit</a></h1> <p>The <code>em</code> CSS length unit is a font-relative length equal to the specified font size. In an element with a 2 inch font, <code>1em</code> equals 2 inches.</p> :empty 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/empty <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/empty">:empty</a></h1> <p>The <code>:empty</code> CSS pseudo-class matches elements without child elements.</p> Events 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/events">Events</a></h1> <p>The <code>Event</code> API and the <code>addEventListener()</code> method on objects that receive events (event targets) represent and handle significant things happening on a page. Many APIs fire events for a wide range of situations relating to those APIs, such as an image loading, a user clicking, or a value changing.</p> ex unit 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ex <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ex">ex unit</a></h1> <p>The <code>ex</code> CSS length unit is a font-relative length equal to the used x-height of the first available font. X-height is often equal to the height of the lowercase x.</p> <fieldset> and <legend> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/fieldset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/fieldset"><fieldset> and <legend></a></h1> <p>The <code><fieldset></code> and <code><legend></code> elements group several form control elements within a web form.</p> <figure> and <figcaption> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/figure <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/figure"><figure> and <figcaption></a></h1> <p>The <code><figure></code> and <code><figcaption></code> HTML elements represent an illustration, diagram, text, or other self-contained reference content, with an optional caption.</p> ::first-letter 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/first-letter <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/first-letter">::first-letter</a></h1> <p>The <code>::first-letter</code> CSS pseudo-element selects the first letter in an element for styling.</p> ::first-line 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/first-line <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/first-line">::first-line</a></h1> <p>The <code>::first-line</code> CSS pseudo-element selects the first line of text in an element for styling.</p> Fixed positioning 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/fixed-positioning <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/fixed-positioning">Fixed positioning</a></h1> <p>The <code>position: fixed</code> CSS declaration removes an element from the normal flow and positions it relative to the viewport or page.</p> float and clear 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/float-clear <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/float-clear">float and clear</a></h1> <p>The <code>float</code> CSS property aligns an element to either side of its container, allowing text and inline elements to flow around it. The <code>clear</code> CSS property sets whether an element is moved below floating elements that proceed it.</p> Focus events 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/focus-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/focus-events">Focus events</a></h1> <p>Focus events, such as <code>focus</code> and <code>blur</code>, fire when an element gets or loses focus.</p> font-family 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-family <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-family">font-family</a></h1> <p>The <code>font-family</code> CSS property sets the desired font face for text, along with optional fallback font faces.</p> Font shorthand 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-shorthand <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-shorthand">Font shorthand</a></h1> <p>The <code>font</code> CSS property shorthand sets multiple font properties, including style, weight, size, and font family.</p> font-size 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-size <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-size">font-size</a></h1> <p>The <code>font-size</code> CSS property sets the text height.</p> font-style 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-style">font-style</a></h1> <p>The <code>font-style</code> CSS property sets the text style, with <code>normal</code>, <code>italic</code>, and <code>oblique</code> options.</p> font-variant 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-variant <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-variant">font-variant</a></h1> <p>The <code>font-variant</code> CSS property is a shorthand for <code>font-variant-alternates</code>, <code>font-variant-caps</code>, <code>font-variant-east-asian</code>, <code>font-variant-emoji</code>, <code>font-variant-ligatures</code>, <code>font-variant-numeric</code>, and <code>font-variant-position</code>.</p> font-weight 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-weight <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-weight">font-weight</a></h1> <p>The <code>font-weight</code> CSS property controls the thickness of a font. It is set explicitly with the keyword <code>bold</code> or a number, or relative to the inherited thickness with the keywords <code>bolder</code> or <code>lighter</code>.</p> <form> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/form <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/form"><form></a></h1> <p>The <code><form></code> element contains interactive controls for submitting information.</p> Form validity pseudo-classes 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/form-validity-pseudos <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/form-validity-pseudos">Form validity pseudo-classes</a></h1> <p>The form validity CSS pseudo-classes match <code><form></code> elements based on the constraints of a form field, such as validity (<code>:valid</code>, <code>:invalid</code>, <code>:in-range</code>, <code>:out-of-range</code>) and necessity (<code>:optional</code> or <code>:required</code>).</p> Functions 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/functions <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/functions">Functions</a></h1> <p>Functions are series of statements that can be called and return a value. The <code>function</code> keyword (as in <code>function () { }</code>) and arrow (<code>=></code>) expression create functions. The JavaScript functions protocol includes default and rest parameters and binding to <code>this</code>.</p> Geolocation 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/geolocation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/geolocation">Geolocation</a></h1> <p>The <code>navigator.gelocation</code> API requests the user's latitude, longitude, heading, and speed.</p> getComputedStyle() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/get-computed-style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/get-computed-style">getComputedStyle()</a></h1> <p>The <code>getComputedStyle()</code> global method returns an <code>CSSStyleDeclaration</code> object that represents all CSS declarations applied to a given element.</p> Gradients 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/gradients <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/gradients">Gradients</a></h1> <p>The <code>linear-gradient()</code> and <code>radial-gradient()</code> CSS functions and their repeating counterparts create backgrounds that progress smoothly between multiple colors.</p> hashchange 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hashchange <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hashchange">hashchange</a></h1> <p>The <code>hashchange</code> event fires when the URL fragment identifier (the part of the URL starting with <code>#</code>) of the current page has changed.</p> <head> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/head <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/head"><head></a></h1> <p>The <code><head></code> element contains machine-readable information (metadata) about the document, such as the title, <code><script></code> and <code><style></code> elements, and <code><meta></code> elements.</p> <header> and <footer> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/header-footer <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/header-footer"><header> and <footer></a></h1> <p>The <code><header></code> and <code><footer></code> HTML elements represent content that precedes and follows the main page content, respectively.</p> <h1> through <h6> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/headings <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/headings"><h1> through <h6></a></h1> <p>The <code><h1></code> through <code><h6></code> HTML elements represent six levels of section headings, in order of decreasing importance.</p> <hgroup> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hgroup <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hgroup"><hgroup></a></h1> <p>The <code><hgroup></code> element represents a heading and related content.</p> History 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/history <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/history">History</a></h1> <p>The <code>window.history</code> API manipulates the browser session history, from navigations to state management, in the tab or frame that the current page is loaded in.</p> <hr> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hr <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hr"><hr></a></h1> <p>The <code><hr></code> element represents a thematic break between paragraphs, often shown as a horizontal rule.</p> HTTP Strict Transport Security 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hsts <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hsts">HTTP Strict Transport Security</a></h1> <p>The <code>Strict-Transport-Security</code> HTTP response header informs browsers that the site should only be accessed using HTTPS, and that any future attempts to access it using HTTP should automatically be converted to HTTPS. Also known as HSTS.</p> <html> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/html <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/html"><html></a></h1> <p>The <code><html></code> element represents the top-level of an HTML document and is referred to as the root element.</p> HTTP authentication 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/http-authentication <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/http-authentication">HTTP authentication</a></h1> <p>The <code>Authorization</code> and <code>WWW-Authenticate</code> headers authenticate a user with a server.</p> HTTP/1.1 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/http11 <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/http11">HTTP/1.1</a></h1> <p>HTTP/1.1 is a network protocol used by browsers and servers. It has been superseded by HTTP/2 and HTTP/3.</p> <i> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/i <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/i"><i></a></h1> <p>The <code><i></code> HTML element identifies idiomatic content, styling text as italic by default.</p> <iframe> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/iframe <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/iframe"><iframe></a></h1> <p>The <code><iframe></code> element embeds another HTML page into the current page.</p> Sandboxed iframes 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/iframe-sandbox <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/iframe-sandbox">Sandboxed iframes</a></h1> <p>The <code>sandbox</code> attribute for the <code><iframe></code> HTML element sets many security restrictions on the iframe, such as preventing form submissions or opening modal dialogs. Optional <code>allow-</code> values relax specific restrictions.</p> Image maps 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/image-maps <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/image-maps">Image maps</a></h1> <p>The <code><area></code> and <code><map></code> elements define a clickable area on an image.</p> <img> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/img <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/img"><img></a></h1> <p>The <code><img></code> element adds an image into the document.</p> @import 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/import <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/import">@import</a></h1> <p>The <code>@import</code> CSS at-rule loads styles from another stylesheet.</p> inherit 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/inherit-value <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/inherit-value">inherit</a></h1> <p>The <code>inherit</code> keyword resets any CSS property to the computed value of that property from the parent element.</p> <input> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input"><input></a></h1> <p>The <code><input type="text"></code> HTML element allows the user to enter information into a form. By default, an <code><input></code> element is a text input.</p> <input type="button"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-button <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-button"><input type="button"></a></h1> <p>The <code><input type="button"></code> HTML element represents a button that triggers some action, such as submitting a form or opening a dialog, styled as a labeled rectangular box by default. Not to be confused with the <code><button></code> element, which contains HTML content.</p> <input type="checkbox"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-checkbox <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-checkbox"><input type="checkbox"></a></h1> <p>The <code><input type="checkbox"></code> HTML element represents a tickable box with two states, checked and unchecked.</p> Email, telephone, and URL <input> types 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-email-tel-url <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-email-tel-url">Email, telephone, and URL <input> types</a></h1> <p>The <code><input type="email"></code>, <code><input type="tel"></code>, and <code><input type="url"></code> HTML elements represent email address, telephone number, and URL fields in a form.</p> <input type="file"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-file <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-file"><input type="file"></a></h1> <p>The <code><input type="file"></code> HTML element shows a file picker from which users can choose a file to upload with the form.</p> <input type="hidden"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-hidden <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-hidden"><input type="hidden"></a></h1> <p>The <code><input type="hidden"></code> HTML element represents a form field that is not shown visually but is still included in the form submission.</p> <input type="image"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-image <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-image"><input type="image"></a></h1> <p>The <code><input type="image"></code> HTML element is an image that can be used to submit a form, like the <code><input type="submit"></code> element.</p> <input type="number"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-number <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-number"><input type="number"></a></h1> <p>The <code><input type="number"></code> HTML element represents numeric input data.</p> <input type="password"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-password <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-password"><input type="password"></a></h1> <p>The <code><input type="password"></code> HTML element represents a field for users to enter a password. The password is hidden from view, typically replaced by dots or asterisks.</p> <input type="radio"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-radio <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-radio"><input type="radio"></a></h1> <p>The <code><input type="radio"></code> HTML element represents one button in a group such that only one can be chosen at a time.</p> <input type="reset"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-reset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-reset"><input type="reset"></a></h1> <p>The <code><input type="reset"></code> HTML element represents a button that sets all form fields to their initial values.</p> Input selectors 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-selectors <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-selectors">Input selectors</a></h1> <p>The <code>:checked</code>, <code>:disabled</code>, and <code>:enabled</code> CSS pseudo-classes match form elements based on their state.</p> <input type="submit"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/input-submit <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/input-submit"><input type="submit"></a></h1> <p>The <code><input type="submit"></code> HTML element represents a button that triggers an action on its associated <code><form></code>, such as sending the form data to a server.</p> <ins> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ins <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ins"><ins></a></h1> <p>The <code><ins></code> element element represents a range of text that has been inserted into a document, styling text as underlined by default.</p> Iterators and the for...of loop 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/iterators <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/iterators">Iterators and the for...of loop</a></h1> <p>The <code>for...of</code> loop operates on a sequence of values sourced from an iterable object, such as arrays, array-like objects, DOM collections, iterators, generators, and user-defined iterables. All built-in iterators inherit from the <code>Iterator</code> class.</p> JavaScript (initial core language support) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/javascript <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/javascript">JavaScript (initial core language support)</a></h1> <p>JavaScript is a programming language that runs in browsers, usually through the <code><script></code> element. JavaScript has changed over many years. This feature represents the oldest language features, such as built-in objects, statements, and operators. Also known as ECMAScript.</p> JSON 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/json <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/json">JSON</a></h1> <p>The <code>JSON</code> API provides static methods for parsing values from and converting values to JavaScript Object Notation (JSON), a serialization format for objects, arrays, numbers, strings, Boolean values, and null.</p> <kbd> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/kbd <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/kbd"><kbd></a></h1> <p>The <code><kbd></code> element represents textual user input, such as keyboard or voice input, styling text in monospaced type by default.</p> Keyboard events 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/keyboard-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/keyboard-events">Keyboard events</a></h1> <p>The <code>keydown</code> and <code>keyup</code> events fire for each key press (or, with modifier keys, a combination of key presses) on a keyboard.</p> <label> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/label <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/label"><label></a></h1> <p>The <code><label></code> HTML element represents a caption for a form field.</p> :lang() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/lang <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/lang">:lang()</a></h1> <p>The <code>:lang()</code> CSS functional pseudo-class matches elements based on their content language.</p> lang 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/lang-attr <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/lang-attr">lang</a></h1> <p>The <code>lang</code> global HTML attribute defines the language of an element. It's used by assistive technology to correctly read the content, translation tools to select the origin language, and other applications.</p> <p> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/p <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/p"><p></a></h1> <p>The <code><p></code> element represents a paragraph of text.</p> padding 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/padding <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/padding">padding</a></h1> <p>The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.</p> Page transition events 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/page-transition-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/page-transition-events">Page transition events</a></h1> <p>The <code>pageshow</code> and <code>pagehide</code> transition events fire when a document loads or unloads due to a navigation, such as clicking on a link on a page or the back button in a browser.</p> Page visibility 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/page-visibility <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/page-visibility">Page visibility</a></h1> <p>The <code>document.visibilityState</code> and <code>document.hidden</code> properties tell you whether the page is visible to the user (for example, it's not minimized or in a background tab).</p> Physical properties 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/physical-properties <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/physical-properties">Physical properties</a></h1> <p>The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.</p> pointer-events 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/pointer-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/pointer-events">pointer-events</a></h1> <p>The <code>pointer-events</code> CSS property sets whether a user can interact with an element using a mouse, touch, or other pointing input device.</p> Position 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/position <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/position">Position</a></h1> <p>The <code>position</code> CSS property sets the origin position of an element to an element, the element's scrollport, or the viewport.</p> postMessage 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/postmessage <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/postmessage">postMessage</a></h1> <p>The <code>postMessage()</code> global method sends cross-origin messages to windows and workers, including popups and iframes. Also known as cross-document messaging.</p> <pre> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/pre <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/pre"><pre></a></h1> <p>The <code><pre></code> element represents a block element of preformatted text that is presented exactly as written, including all white space.</p> <progress> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/progress <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/progress"><progress></a></h1> <p>The <code><progress></code> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.</p> Promise (initial support) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/promise <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/promise">Promise (initial support)</a></h1> <p>A promise represents an asynchronous operation which eventually succeeds or fails.</p> <q> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/q <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/q"><q></a></h1> <p>The <code><q></code> element represents a short inline quotation.</p> Regular expressions 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/regexp <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/regexp">Regular expressions</a></h1> <p>The <code>RegExp</code> object represents a regular expression, a notation for matching text patterns.</p> Relative positioning 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/relative-positioning <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/relative-positioning">Relative positioning</a></h1> <p>The <code>position: relative</code> CSS declaration offsets the position of an element relative to its position in the normal flow.</p> rem 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/rem <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/rem">rem</a></h1> <p>The <code>rem</code> CSS length unit is a font-relative length that is equal to the font size of the root HTML element which for most browsers is <code>16px</code>.</p> requestAnimationFrame() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/request-animation-frame <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/request-animation-frame">requestAnimationFrame()</a></h1> <p>The <code>requestAnimationFrame()</code> method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.</p> :root 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/root <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/root">:root</a></h1> <p>The <code>:root</code> pseudo-class matches the root element of the document, usually the <code><html></code> element.</p> <ruby> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ruby <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ruby"><ruby></a></h1> <p>The <code><ruby></code> element produces small annotations that are rendered with its base text.</p> <s> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/s <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/s"><s></a></h1> <p>The <code><s></code> HTML element indicates text that is no longer relevant or accurate, styling text as strikethrough by default.</p> <samp> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/samp <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/samp"><samp></a></h1> <p>The <code><samp></code> element represents a sample or quoted output from a computer program. Styled in a monospace font by default.</p> Screen 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/screen <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/screen">Screen</a></h1> <p>The <code>window.screen</code> property contains information about the screen of the output device that the referenced <code>window</code> is being rendered on.</p> <script> and <noscript> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/script <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/script"><script> and <noscript></a></h1> <p>The <code><script></code> element contains or loads data or executable code. This is typically used to load JavaScript code. The <code><noscript></code> element represents alternative content to show when scripting is not allowed.</p> <input type="search"> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/search-input-type <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/search-input-type"><input type="search"></a></h1> <p>The <code><input type="search"></code> HTML element represents a text field for search queries.</p> <section> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/section <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/section"><section></a></h1> <p>The <code><section></code> element is a generic standalone section of a document, which doesn't have a more specific semantic element to represent it.</p> <select> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/select <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/select"><select></a></h1> <p>The <code><select></code> element provides a menu of options for a user to pick from, typically rendered as a dropdown list.</p> Selectors (core) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/selectors <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/selectors">Selectors (core)</a></h1> <p>CSS selectors match elements based on their type, attributes, and relationship to other elements. They define the specific elements to which a block of styles will be applied. This feature represents the oldest selectors of CSS.</p> Set (initial support) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/set <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/set">Set (initial support)</a></h1> <p>Set objects store unique values of any type.</p> setInterval 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/setinterval <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/setinterval">setInterval</a></h1> <p>The <code>setInterval()</code> global function repeatedly executes provided code on a given delay, and the accompanying <code>clearInterval()</code> cancels the interval.</p> setTimeout() 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/settimeout <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/settimeout">setTimeout()</a></h1> <p>The <code>setTimeout()</code> global function executes provided code after a given duration of time, and the accompanying <code>clearTimeout()</code> cancels the timer.</p> <span> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/span <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/span"><span></a></h1> <p>The <code><span></code> HTML element is the generic inline container for content.</p> Static positioning 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/static-positioning <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/static-positioning">Static positioning</a></h1> <p>The <code>position: static</code> CSS declaration positions an element in the normal flow. A statically positioned element ignores physical and logical properties such as <code>top</code> or <code>inset-block-start</code>.</p> String (initial support) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/strings <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/strings">String (initial support)</a></h1> <p>The string type (and <code>String</code> object) represents a sequence of characters.</p> <strong> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/strong <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/strong"><strong></a></h1> <p>The <code><strong></code> HTML element brings attention to the content, styling text as bold by default.</p> <style> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/style"><style></a></h1> <p>The <code><style></code> element embeds an inline CSS stylesheet in a document.</p> style (attribute) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/style-attr <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/style-attr">style (attribute)</a></h1> <p>The <code>style</code> global HTML attribute applies inline CSS styling declarations to individual elements.</p> <sub> and <sup> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/sub-sup <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/sub-sup"><sub> and <sup></a></h1> <p>The <code><sub></code> and <code><sup></code> elements sets inline text to be displayed as subscript or superscript for solely typographical reasons.</p> SVG filters 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/svg-filters <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/svg-filters">SVG filters</a></h1> <p>The <code><filter></code> SVG element applies custom effects such as color manipulation, blurring, or morphing to SVG elements.</p> System colors 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/system-color <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/system-color">System colors</a></h1> <p>The system color CSS keywords, such as <code>ButtonBorder</code> or <code>LinkText</code>, allow you to match default colors from the user agent.</p> Tables 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/table <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/table">Tables</a></h1> <p>The <code><table></code> HTML element, with several related elements, represents tabular data in rows and columns of cells.</p> :target 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/target <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/target">:target</a></h1> <p>The <code>:target</code> CSS pseudo-class matches the element with an ID matching the URL fragment.</p> text-align 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-align <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-align">text-align</a></h1> <p>The <code>text-align</code> CSS property sets the horizontal placement of the inner content of a block element.</p> text-decoration 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-decoration <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-decoration">text-decoration</a></h1> <p>The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.</p> text-indent 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-indent <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-indent">text-indent</a></h1> <p>The <code>text-indent</code> CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.</p> Text overflow 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-overflow <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-overflow">Text overflow</a></h1> <p>The <code>text-overflow</code> CSS property sets how hidden overflow content appears to users. The property can clip content, truncate content with an ellipsis (â¦), or truncate with a custom string.</p> text-shadow 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-shadow <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-shadow">text-shadow</a></h1> <p>The <code>text-shadow</code> CSS property sets the position and styles of shadow on text.</p> Text tracks 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-tracks <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-tracks">Text tracks</a></h1> <p>The <code><track></code> element is used as a child of the media elements that lets you specify a timed text track to be displayed in parallel with the media element.</p> text-transform 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-transform <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-transform">text-transform</a></h1> <p>The <code>text-transform</code> CSS property sets text case and capitalization.</p> <textarea> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/textarea <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/textarea"><textarea></a></h1> <p>The <code><textarea></code> element represents an editing control that allows users to enter multi-line, free-form, plain text.</p> <title> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/title <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/title"><title></a></h1> <p>The <code><title></code> element sets the title of the document and exposes it to users via the UI of the browser or app they're using and through assistive technology.</p> title (attribute) 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/title-attr <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/title-attr">title (attribute)</a></h1> <p>The <code>title</code> global HTML attribute sets information about an element, such as a name or description. The value is typically shown as a tooltip that appears on mouse over. Since it's not often available to touch-only, keyboard-only, or assistive technology users, it's not a substitute for other text.</p> <wbr> 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wbr <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wbr"><wbr></a></h1> <p>The <code><wbr></code> HTML element represents a word break opportunity, to explicitly mark a place within a word where a line might be broken.</p> WeakMap 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/weakmap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/weakmap">WeakMap</a></h1> <p>A <code>WeakMap</code> object holds key-value pairs that do not create strong references to its keys, such that value data can be associated with a key without preventing garbage collection of the key.</p> Web Cryptography 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/web-cryptography <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/web-cryptography">Web Cryptography</a></h1> <p>The Web Cryptography API performs low-level cryptographic operations, such as encryption, decryption, and signature verification. Also known as the Web Crypto API.</p> WebGL 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl">WebGL</a></h1> <p>The <code>WebGLRenderingContext</code> API is the <code>"webgl"</code> rendering context for the <code><canvas></code> element. It represents a space for drawing two- and three-dimensional graphics and animations.</p> WEBGL_depth_texture WebGL extension 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-depth-texture <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-depth-texture">WEBGL_depth_texture WebGL extension</a></h1> <p>The <code>WEBGL_depth_texture</code> extension for WebGL 1.0 contexts defines 2D depth and depth-stencil textures.</p> WebSockets 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/websockets <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/websockets">WebSockets</a></h1> <p>The <code>WebSocket</code> API opens a two-way communication channel between the user's browser and a server.</p> WebVTT 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webvtt <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webvtt">WebVTT</a></h1> <p>WebVTT is a captions and subtitles format. WebVTT files are loaded using the <code><track></code> element, and the <code>VTTCue</code> API can be used to create or update cues dynamically.</p> white-space 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/white-space <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/white-space">white-space</a></h1> <p>The <code>white-space</code> CSS property sets how white space is collapsed and how lines wrap. It is a shorthand for <code>white-space-collapse</code> and <code>text-wrap-mode</code>.</p> Width and height 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/width-height <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/width-height">Width and height</a></h1> <p>The <code>width</code> and <code>height</code> CSS properties set the preferred physical size of an element.</p> Window 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/window <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/window">Window</a></h1> <p>The <code>window</code> global object represents a browser tab or iframe and its relationship to the document and other tabs. It's also a generic global object, under which many other APIs are located.</p> word-spacing 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/word-spacing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/word-spacing">word-spacing</a></h1> <p>The <code>word-spacing</code> CSS property sets the amount of white space between words.</p> XMLHttpRequest 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/xhr <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/xhr">XMLHttpRequest</a></h1> <p>The <code>XMLHttpRequest</code> API makes HTTP requests. It's the predecessor to <code>fetch()</code>. Also known as XHR.</p> XMLSerializer 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/xml-serializer <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/xml-serializer">XMLSerializer</a></h1> <p>The <code>XMLSerializer</code> API provides the <code>serializeToString()</code> method to construct an XML string representing a DOM tree.</p> XPath 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/xpath <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/xpath">XPath</a></h1> <p>The <code>document.evaluate()</code> method selects elements in an HTML or XML document based on an expression of XPath, a domain specific language for querying XML documents. Also known as XML Path Language.</p> XSLT 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/xslt <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/xslt">XSLT</a></h1> <p>The <code>XSLTProcessor</code> API transforms XML documents into new XML or HTML documents, using XSLT stylesheets. You can use XSLT to convert data between different XML schemas or to convert XML data into web pages or PDF documents. Also known as Extensible Stylesheet Language Transformations.</p> z-index 2018-01-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/z-index <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/z-index">z-index</a></h1> <p>The <code>z-index</code> CSS property orders overlapping elements, with higher values appearing in front of or on top of lower values.</p>
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4