2015
19 featuresThe pointer-events CSS property sets whether a user can interact with an element using a mouse, touch, or other pointing input device.
The postMessage() global method sends cross-origin messages to windows and workers, including popups and iframes. Also known as cross-document messaging.
The requestAnimationFrame() method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.
The setInterval() global function repeatedly executes provided code on a given delay, and the accompanying clearInterval() cancels the interval.
The setTimeout() global function executes provided code after a given duration of time, and the accompanying clearTimeout() cancels the timer.
The style global HTML attribute applies inline CSS styling declarations to individual elements.
The text-align CSS property sets the horizontal placement of the inner content of a block element.
The text-decoration CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.
The text-indent CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.
The text-shadow CSS property sets the position and styles of shadow on text.
The text-transform CSS property sets text case and capitalization.
The title 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.
The vertical-align CSS property sets the vertical alignment of inline, inline-block, and table cell elements. It has no effect on block-level elements.
The visibility CSS property sets whether an element is shown. Invisible elements still affect the document layout.
The white-space CSS property sets how white space is collapsed and how lines wrap. It is a shorthand for white-space-collapse and text-wrap-mode.
The word-spacing CSS property sets the amount of white space between words.
Limited Availability
11 featuresAnchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.
The <select> element's appearance, including the button, selected option, picker dropdown, and options, can be customized using CSS.
The ReadableStream.from() static method converts an iterable or async iterable object, such as an array or async generator function, into a readable stream.
The service worker install event's addRoutes method declares resource paths that should either be fetched from the network or the cache, to bypass the service worker and improve performance.
The OTPCredential API represents a one-time-password (OTP).
The ariaNotify() method of Element and Document requests assistive technology software, if activated, to announce a message to the user. This can help make dynamic content changes more accessible to users.
The text-autospace CSS property sets whether and how to insert spaces in inter-script text (such as when mixing Latin and Chinese characters) and around punctuation.
The attr() CSS function, in the context of any property, returns the value of an attribute of an HTML element, with the option to return it as a specific type or unit. You can set a default value for missing or invalid attributes.
The Connection-Allowlist HTTP response header limits which requests a page may initiate using fetch and other APIs.
The referenceTarget property of a ShadowRoot object forwards attributes such as for and aria-labelledby to elements inside a shadow DOM. You can use this to, for example, link a <label> to its <input> even if the <input> is in the shadow DOM of a web component.