GeezerVison

The World Wide Web, restored to 800 pixels of glory.

GeezerVison is showing developer.mozilla.org — CSSImportRule - Web APIs | MDN

CSSImportRule

Baseline

Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

See full compatibility
Learn more

The CSSImportRule interface represents an @import at-rule.

Instance properties

Inherits properties from its ancestor CSSRule.

CSSImportRule.href Read only: Returns the URL specified by the @import rule.
CSSImportRule.layerName Read only: Returns the name of the cascade layer declared in the @import rule, the empty string if the layer is anonymous, the or null if the rule doesn't declare any.
CSSImportRule.media: Returns the value of the media attribute of the associated stylesheet.
CSSImportRule.styleSheet Read only: Returns the associated stylesheet.
CSSImportRule.supportsText Read only: Returns the supports condition specified by the @import rule.

Instance methods

Inherits methods from its ancestor CSSRule.

Examples

The document includes a single stylesheet which contains a single @import rule. Therefore the first item in the list of CSS rules will be a CSSImportRule.

css

@import "style.css" screen;

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSImportRule instance object

Specifications

Specification
CSS Object Model (CSSOM) # the-cssimportrule-interface

Browser compatibility

Help improve MDN

Learn how to contribute

This page was last modified on Nov 7, 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.