{ "compat_features": [ "javascript.statements.import.import_attributes.type_css" ], "description": "Module import … with { type: \"css\" } statements load CSS modules as constructable stylesheets. Also known as CSS module scripts.", "description_html": "Module import … with { type: \"css\" } statements load CSS modules as constructable stylesheets. Also known as CSS module scripts.", "kind": "feature", "name": "CSS import attributes", "spec": [ "https://html.spec.whatwg.org/multipage/webappapis.html#css-module-script" ], "status": { "baseline": false, "by_compat_key": { "javascript.statements.import.import_attributes.type_css": { "baseline": false, "support": { "chrome": "123", "chrome_android": "123", "edge": "123", "firefox": "147", "firefox_android": "147" } } }, "support": { "chrome": "123", "chrome_android": "123", "edge": "123", "firefox": "147", "firefox_android": "147" } }, "id": "css-modules", "groups": [], "specs": [ { "url": "https://html.spec.whatwg.org/multipage/webappapis.html#css-module-script", "seriesComposition": "full", "shortname": "html", "series": { "shortname": "html", "currentSpecification": "html", "title": "HTML", "shortTitle": "HTML", "nightlyUrl": "https://html.spec.whatwg.org/multipage/" }, "nightly": { "url": "https://html.spec.whatwg.org/multipage/", "status": "Living Standard", "sourcePath": "source", "alternateUrls": [], "repository": "https://github.com/whatwg/html", "pages": [ "https://html.spec.whatwg.org/multipage/introduction.html", "https://html.spec.whatwg.org/multipage/infrastructure.html", "https://html.spec.whatwg.org/multipage/common-microsyntaxes.html", "https://html.spec.whatwg.org/multipage/urls-and-fetching.html", "https://html.spec.whatwg.org/multipage/common-dom-interfaces.html", "https://html.spec.whatwg.org/multipage/structured-data.html", "https://html.spec.whatwg.org/multipage/dom.html", "https://html.spec.whatwg.org/multipage/semantics.html", "https://html.spec.whatwg.org/multipage/sections.html", "https://html.spec.whatwg.org/multipage/grouping-content.html", "https://html.spec.whatwg.org/multipage/text-level-semantics.html", "https://html.spec.whatwg.org/multipage/links.html", "https://html.spec.whatwg.org/multipage/edits.html", "https://html.spec.whatwg.org/multipage/embedded-content.html", "https://html.spec.whatwg.org/multipage/images.html", "https://html.spec.whatwg.org/multipage/iframe-embed-object.html", "https://html.spec.whatwg.org/multipage/media.html", "https://html.spec.whatwg.org/multipage/image-maps.html", "https://html.spec.whatwg.org/multipage/embedded-content-other.html", "https://html.spec.whatwg.org/multipage/tables.html", "https://html.spec.whatwg.org/multipage/forms.html", "https://html.spec.whatwg.org/multipage/input.html", "https://html.spec.whatwg.org/multipage/form-elements.html", "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html", "https://html.spec.whatwg.org/multipage/interactive-elements.html", "https://html.spec.whatwg.org/multipage/scripting.html", "https://html.spec.whatwg.org/multipage/canvas.html", "https://html.spec.whatwg.org/multipage/custom-elements.html", "https://html.spec.whatwg.org/multipage/semantics-other.html", "https://html.spec.whatwg.org/multipage/microdata.html", "https://html.spec.whatwg.org/multipage/interaction.html", "https://html.spec.whatwg.org/multipage/dnd.html", "https://html.spec.whatwg.org/multipage/popover.html", "https://html.spec.whatwg.org/multipage/browsers.html", "https://html.spec.whatwg.org/multipage/nav-history-apis.html", "https://html.spec.whatwg.org/multipage/document-sequences.html", "https://html.spec.whatwg.org/multipage/browsing-the-web.html", "https://html.spec.whatwg.org/multipage/document-lifecycle.html", "https://html.spec.whatwg.org/multipage/speculative-loading.html", "https://html.spec.whatwg.org/multipage/webappapis.html", "https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html", "https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html", "https://html.spec.whatwg.org/multipage/system-state.html", "https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html", "https://html.spec.whatwg.org/multipage/comms.html", "https://html.spec.whatwg.org/multipage/server-sent-events.html", "https://html.spec.whatwg.org/multipage/web-messaging.html", "https://html.spec.whatwg.org/multipage/workers.html", "https://html.spec.whatwg.org/multipage/worklets.html", "https://html.spec.whatwg.org/multipage/webstorage.html", "https://html.spec.whatwg.org/multipage/syntax.html", "https://html.spec.whatwg.org/multipage/parsing.html", "https://html.spec.whatwg.org/multipage/named-characters.html", "https://html.spec.whatwg.org/multipage/xhtml.html", "https://html.spec.whatwg.org/multipage/rendering.html", "https://html.spec.whatwg.org/multipage/obsolete.html", "https://html.spec.whatwg.org/multipage/iana.html", "https://html.spec.whatwg.org/multipage/indices.html", "https://html.spec.whatwg.org/multipage/references.html", "https://html.spec.whatwg.org/multipage/acknowledgements.html" ], "filename": "index.html" }, "organization": "WHATWG", "groups": [ { "name": "HTML Workstream", "url": "https://html.spec.whatwg.org/multipage/" } ], "title": "HTML", "source": "whatwg", "shortTitle": "HTML", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "close-watcher", "custom-elements", "eventsource", "html", "imagebitmap-renderingcontext", "import-maps", "navigation-api", "webmessaging", "webstorage", "workers", "worklets", "x-frame-options" ], "excludePaths": [ "html/cross-origin-embedder-policy/credentialless", "html/dom/partial-updates/tentative", "html/cross-origin-embedder-policy/credentialless" ] }, "fragment": "css-module-script" } ], "mdnUrls": [ { "slug": "Web/JavaScript/Reference/Statements/import", "title": "import", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/import" } ], "standardPositions": [ { "vendor": "mozilla", "url": "https://github.com/mozilla/standards-positions/issues/541", "position": "positive", "concerns": [] }, { "vendor": "apple", "url": "https://github.com/WebKit/standards-positions/issues/77", "position": "support", "concerns": [] } ], "hasNegativeStandardPosition": false, "stateOfSurveys": [], "chromeUseCounters": { "percentageOfPageLoad": 0.00002911, "url": "https://chromestatus.com/metrics/webfeature/timeline/popularity/23" }, "interop": [], "wpt": { "url": "https://wpt.fyi/results?q=feature:css-modules" }, "developerSignals": { "url": "https://github.com/web-platform-dx/developer-signals/issues/233", "votes": 32 }, "bugs": { "firefox": [ "https://bugzil.la/1720570" ], "chrome": [ "https://bugs.chromium.org/p/chromium/issues/detail?id=992499" ], "safari": [ "https://webkit.org/b/227967" ], "safari_ios": [ "https://webkit.org/b/227967" ], "webview_ios": [ "https://webkit.org/b/227967" ] }, "useCases": null, "baselineLowDateAsObject": null, "baselineHighDateAsObject": null, "blockedOn": "Safari", "blockedSince": "January 2026", "monthsBlocked": 8 }