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
<!DOCTYPE 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 > w3wiki </ 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() { let x = document.styleSheets[ 0].rules[2].style.parentRule.cssText; document.getElementById("gfg").innerHTML = x; } </ script > </ body > </ html > |
Output:
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
Contact Us