JSSM, a JavaScript state machine - the FSM for FSL
    Preparing search index...

    Interface CSSStyleSheet

    The CSSStyleSheet interface represents a single CSS stylesheet, and lets you inspect and modify the list of rules contained in the stylesheet. It inherits properties and methods from its parent, StyleSheet.

    MDN Reference

    interface CSSStyleSheet {
        cssRules: CSSRuleList;
        disabled: boolean;
        href: string;
        ownerNode: Element | ProcessingInstruction;
        ownerRule: CSSRule;
        parentStyleSheet: CSSStyleSheet;
        rules: CSSRuleList;
        title: string;
        type: string;
        get media(): MediaList;
        set media(mediaText: string): void;
        addRule(selector?: string, style?: string, index?: number): number;
        deleteRule(index: number): void;
        insertRule(rule: string, index?: number): number;
        removeRule(index?: number): void;
        replace(text: string): Promise<CSSStyleSheet>;
        replaceSync(text: string): void;
    }

    Hierarchy (View Summary)

    Index
    cssRules disabled href ownerNode ownerRule parentStyleSheet rules title type
    media
    addRule deleteRule insertRule removeRule replace replaceSync
    cssRules: CSSRuleList

    The read-only CSSStyleSheet property cssRules returns a live CSSRuleList which provides a real-time, up-to-date list of every CSS rule which comprises the stylesheet. Each item in the list is a CSSRule defining a single rule.

    MDN Reference

    disabled: boolean

    The disabled property of the StyleSheet interface determines whether the style sheet is prevented from applying to the document.

    MDN Reference

    href: string

    The href property of the StyleSheet interface returns the location of the style sheet.

    MDN Reference

    ownerNode: Element | ProcessingInstruction

    The ownerNode property of the StyleSheet interface returns the node that associates this style sheet with the document.

    MDN Reference

    ownerRule: CSSRule
    parentStyleSheet: CSSStyleSheet

    The parentStyleSheet property of the StyleSheet interface returns the style sheet, if any, that is including the given style sheet.

    MDN Reference

    rules: CSSRuleList

    rules is a deprecated legacy property of the CSSStyleSheet interface. Functionally identical to the preferred cssRules property, it provides access to a live-updating list of the CSS rules comprising the stylesheet.

    MDN Reference

    title: string

    The title property of the StyleSheet interface returns the advisory title of the current style sheet.

    MDN Reference

    type: string

    The type property of the StyleSheet interface specifies the style sheet language for the given style sheet.

    MDN Reference

    • get media(): MediaList

      The read-only media property of the StyleSheet interface contains a MediaList object representing the intended destination media for style information.

      MDN Reference

      Returns MediaList

    • set media(mediaText: string): void

      Parameters

      • mediaText: string

      Returns void

    • The obsolete CSSStyleSheet interface's addRule() legacy method adds a new rule to the stylesheet. You should avoid using this method, and should instead use the more standard insertRule() method.

      Parameters

      • Optionalselector: string
      • Optionalstyle: string
      • Optionalindex: number

      Returns number

      MDN Reference

    • The CSSStyleSheet method deleteRule() removes a rule from the stylesheet object.

      MDN Reference

      Parameters

      • index: number

      Returns void

    • The CSSStyleSheet.insertRule() method inserts a new CSS rule into the current style sheet.

      MDN Reference

      Parameters

      • rule: string
      • Optionalindex: number

      Returns number

    • The obsolete CSSStyleSheet method removeRule() removes a rule from the stylesheet object. It is functionally identical to the standard, preferred method deleteRule().

      Parameters

      • Optionalindex: number

      Returns void

      MDN Reference

    • The replace() method of the CSSStyleSheet interface asynchronously replaces the content of the stylesheet with the content passed into it. The method returns a promise that resolves with the CSSStyleSheet object.

      MDN Reference

      Parameters

      • text: string

      Returns Promise<CSSStyleSheet>

    • The replaceSync() method of the CSSStyleSheet interface synchronously replaces the content of the stylesheet with the content passed into it.

      MDN Reference

      Parameters

      • text: string

      Returns void

    Settings
    Member Visibility

    On This Page
    Properties
    Accessors
    Methods