CSSStyleDeclaration parentRule Property
The parentRule property is used to return the CSSRule Object that represents a CSS rule-set that contains selector and declaration block.
Syntax: It is used to return the parentRule property.
object.parentRule
Return Value: It returns the CSSRule object.
Example: To return the parentRule property:
html
< html > < head > < title > CSS | Style Declaration parentRule Property </ title > < style > body { text-align: center; } h1 { color: green; } #p1 { color: green; font-size: 20; } </ style > </ head > < body > < h1 > GeeksforGeeks </ h1 > < p id="p1"> parentRule Property </ p > < p > Click the button to return the parentRule property </ p > < button onclick="myFunction()"> Get parentRule </ button > < p id="gfg"></ p > <!-- Script to get parentRule property --> < script > function myFunction() { var x = document.styleSheets[ 0].rules[2].style.parentRule.cssText; document.getElementById("gfg").innerHTML = x; } </ script > </ body > </ html > |
Output:
- Before clicking on the button:
- After clicking on the button:
Supported Browsers: The browsers supported by Style Declaration parentRule Property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 9
- Firefox 1
- Opera 15
- Safari 1