CSSStyleDeclaration parentRule Property

• Vue
• AI
• Bootstrap
• Search

JavaScript Reference Manual

Overview

JavaScript Objects

JavaScript Array ObjectJavaScript Boolean ObjectJavaScript Date ObjectJavaScript Math ObjectJavaScript Number ObjectJavaScript String ObjectJavaScript RegExp ObjectJavaScript Global Properties/FunctionsJavaScript OperatorsJavaScript Error

Browser Objects

Window ObjectNavigator ObjectScreen ObjectHistory ObjectLocation ObjectStorage Object

DOM Objects

HTML DOM Document ObjectHTML DOM Element ObjectHTML DOM Attribute ObjectHTML DOM Event ObjectHTML DOM Console ObjectCSSStyleDeclaration ObjectDOM HTMLCollection

HTML Objects

<a><area><audio><blockquote><button><col><colgroup><del><details><dialog><fieldset><img><ins> - button - checkbox - color - date - datetime - datetime-local - email - file - hidden - image - month - number - range - password - radio - reset - search - submit - text - time - url - week<label><legend><li><map><menu><meter><object><ol><progress><q><table><td><th><tr><textarea><title><time><track><video>

HTML DOM Console Object

DOM HTMLCollection

Deep Dive

Scripting

Programming

Scripting Languages

Web Services

Web Design & Development

Web Service

Computer Science

Software

Programming Languages

Development Tools

CSSStyleDeclaration parentRule Property

CSS CSSStyleDeclaration

Example

Return the style and CSS selector of a CSS declaration:

var s = document.styleSheets.rules.style;
var ruleObj = s.parentRule;
document.getElementById("demo").innerHTML = ruleObj.cssText;

Try it Yourself »

---

Definition and Usage

The parentRule property returns a CSSRule object that contains the style and selector of a CSS declaration.

---

Browser Support

Property
parentRule	Yes	Yes	Yes	Yes	Yes

---

Syntax

Return the parentRule property:

object.parentRule

---

Technical Details

DOM Version:	CSS Object Model
Return value:	CSSRule object

CSS CSSStyleDeclaration