Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM HR noshade Property

  • Last Updated : 11 Sep, 2019

The DOM HR noshade property is used to set or return a solid horizontal line instead of shaded lines. It returns a Boolean value.

Syntax:

  • It returns the HR noshade property.
    hrobject.noshade 
  • It sets the HR noshade property.
    hrobject.noshade="true/false" 

Property Values:

  • true: It is used to specify the horizontal solid line instead of shadow line.
  • false: It is used to specify a shadow line.

Example 1: This example returns a noshade property.




<!DOCTYPE html> 
<html
  
<head
    <title>HTML DOM HR noshade property</title
</head
  
<body
    <h1>GeeksForGeeks</h1
    <h2>DOM HR noshade Property</h2
      
    <p>
        There is a horizontal rule
        below this paragraph.
    </p
      
    <!-- Assigning id to 'hr' tag. -->
    <hr id="GFG" align="left" size="10px"
            width="240px" color="red" noshade> 
      
    <p>
        This is a horizontal rule
        above this paragraph.
    </p>
      
    <button onclick="myGeeks()">Try it</button
      
    <h3 id="sudo"></h3>
      
    <script
        function myGeeks() { 
              
            // Accessing 'hr' tag. 
            var x = document.getElementById("GFG").noShade;
            document.getElementById("sudo").innerHTML = x;
        
    </script
</body
  
</html>

Output:



  • Before Clicking on Button:
  • After Clicking on Button:

Example 2: This example sets the HR noshade property.




<!DOCTYPE html> 
<html
  
<head
    <title>HTML DOM HR noshade property</title
</head
  
<body
    <h1>GeeksForGeeks</h1
    <h2>DOM HR noshade Property</h2
      
    <p>
        There is a horizontal rule
        below this paragraph.
    </p
      
    <!-- Assigning id to 'hr' tag. -->
    <hr id="GFG" align="left" size="10px"
            width="240px" color="red" noshade> 
      
    <p>
        This is a horizontal rule
        above this paragraph.
    </p>
      
    <button onclick="myGeeks()">Try it</button
      
    <h3 id="sudo"></h3>
      
    <script
        function myGeeks() { 
              
            // Accessing 'hr' tag. 
            var x = document.getElementById("GFG").noShade
                            = "false";
              
            document.getElementById("sudo").innerHTML = x;
        
    </script
</body
  
</html>

Output:

  • Before Clicking on Button:
  • After Clicking on Button:

Supported Browsers: The browser supported by DOM HR noshade property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :