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> <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
- Internet Explorer 9.0+
- Firefox
- Opera
- Safari
