Constructible Stylesheets

CSS

The API provides a way to create CSSStyleSheet objects from script without needing <style> or <link> elements. Script can optionally modify the stylesheet by adding, removing, or replacing rules in it. Each stylesheet object can then be adopted/used in multiple tree scopes (document/shadow roots). Not only does this reduce memory duplication, it also allows an element’s styles to be modified in a single location.

Demo

https://github.com/WICG/construct-stylesheets/blob/gh-pages/explainer.md

Specification

Editor's draft

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 73
Chrome for Android release 73
Android WebView release 73

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Positive
Edge: No signal
Safari: No signal
Web Developers: Positive

Owners

rakina@chromium.org
jackalmage@gmail.com

Search tags

CSS, StyleSheet, Custom Elements,

Last updated on 2020-10-15