Join us online - 19th of November
Save your spot

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 | null;
    ownerNode: Element | ProcessingInstruction | null;
    ownerRule: CSSRule | null;
    parentStyleSheet: CSSStyleSheet | null;
    rules: CSSRuleList;
    title: string | null;
    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 | null

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

MDN Reference

ownerNode: Element | ProcessingInstruction | null

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

MDN Reference

ownerRule: CSSRule | null
parentStyleSheet: CSSStyleSheet | null

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 | null

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

Was this helpful?