CSS | Style Declaration removeProperty() Method
The removeProperty() method is used to remove the existing CSS property.
Syntax: It is used to remove the specified CSS property.
object.removeProperty(propertyname)
Parameters: It accepts a single parameter:
- propertyname: It is a required parameter that contains a string which represents the name of the property to be removed.
Return value: It returns the value of the removed property in the form of string.
Example: To show the working of the removeProperty() method:
<html> <head> <title> CSS | Style Declaration removeProperty() Method </title> <style> body { text-align: center; } h1 { color: green; } #p1 { color: green; font-size: 20; background-color: black; } </style></head> <body> <h1>GeeksforGeeks</h1> <p id="p1"> removeProperty() Method</p> <button onclick="myFunction()"> Remove property </button> <p id="gfg"></p> <!-- Script to remove the property --> <script> function myFunction() { var x = document.styleSheets[ 0].cssRules[2].style; // Remove the background color property. var propertyRemoved = x.removeProperty( "background-color"); document.getElementById( "gfg").innerHTML = "Property removed is background-color i.e." + propertyRemoved; } </script></body> </html> |
Output:
- Before clicking on the button:
- After clicking on the button:
Supported Browsers: The browsers supported by Style Declaration removeProperty() Method are listed below:
- Google Chrome
- Internet Explorer 9.0
- Firefox
- Opera
- Safari
.png)
.png)