Skip to content
Related Articles

Related Articles

Table of Contents

Improve Article
Save Article
Like Article

HTML DOM Object hspace Property

  • Difficulty Level : Basic
  • Last Updated : 04 Mar, 2022

The HTML DOM Object hspace property is used to set or return the value of the hspace attribute of the <object> element. The hspace attribute is used to specify the number of whitespaces for the left and right side of an Object.

Syntax

  • It returns the hspace Property.

    objObject.hspace;

  • It sets the hspace Property.

    objObject.hspace="pixels";

Property Value: It contains the numeric value that specify the number of white spaces from the left and right side of an Object.

Return Value : It returns a numeric value which represent the horizontal spaces around an element.

Note: The hspace attribute is not supported by HTML5.

Example 1: Below example returns the object hspace property.

HTML




<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h2>GeeksForGeeks</h2>
  
        <h2>DOM Object hspace Property</h2>
  
        <p> 
            <object id="myobject" width="180" 
                height="78" hspace="50" data=
"https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
            </object> 
            A Good Platform for earning and learning.
        </p>
  
        <br>
  
        <button onclick="Geeks()">
            Click it
        </button>
  
        <p id="gfg" style="color:green;font-size:25px;"></p>
  
    </center>
  
    <script>
        function Geeks() {
  
            // Accessing Object element
            var x = vdocument.getElementById("myobject").hspace;
  
            document.getElementById("gfg").innerHTML = x;
        }
    </script>
</body>
  
</html>
Output:
Example 2: Below example sets the Object hspace property.
HTML



<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h2>GeeksForGeeks</h2>
  
        <h2>DOM Object hspace Property</h2>
          
        <p> 
            <object id="myobject" width="180" 
                height="78" hspace="50"
                data=
"https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
            </object> 
            A Good Platform for earning and learning.
        </p>
        <br>
  
        <button onclick="Geeks()">
            Click it
        </button>
  
        <p id="gfg" style="color:green;font-size:25px;"></p>
  
    </center>
  
    <script>
        function Geeks() {
  
            // Accessing Object element.
            var x = document.getElementById(
                    "myobject").hspace = "15";
  
            document.getElementById("gfg").innerHTML = x;
        }
    </script>
</body>
  
</html>
Output:
Supported Browsers:
  • Google Chrome
  • Internet Explorer
  • Opera
  • Firefox
  • Apple Safari

My Personal Notes
arrow_drop_up
Previous
HTML abbr Attribute
Next

HTML DOM Keygen name Property
Recommended Articles
Page :
HTML DOM Image hspace Property
29, Sep 21
HTML DOM Marquee hspace Property
19, Jan 22
HTML <object> hspace Attribute
05, Oct 21
HTML | <img> hspace Attribute
07, Aug 19
HTML | hspace Attribute
22, Aug 19
HTML | Marquee hspace attribute
18, Oct 19
HTML | applet hspace Attribute
21, Apr 20
HTML | DOM Object Object
07, Feb 19
How to check a JavaScript Object is a DOM Object ?
19, Jun 19
HTML | DOM HTML Object
07, Feb 19
HTML DOM Object useMap Property
12, Jul 21
HTML | DOM Object name Property
18, Apr 19
HTML | DOM Object Height Property
17, Apr 19
HTML | DOM Object form Property
15, Apr 19
HTML | DOM Object width Property
17, Apr 19
HTML | DOM Object data Property
17, Apr 19
HTML | DOM Object type Property
17, Apr 19
HTML | DOM Object align Property
26, Mar 20
HTML DOM Object vspace Property
04, Oct 21
HTML | DOM Input Week Object
06, Feb 19
HTML | DOM Column Object
06, Feb 19
HTML | DOM Del Object
17, Jan 19
HTML | DOM Embed Object
06, Feb 19
HTML | DOM Header Object
22, Jan 19
Article Contributed By :
https://media.geeksforgeeks.org/auth/avatar.png
ManasChhabra2
@ManasChhabra2
Vote for difficulty
Current difficulty :
Basic





Improved By :
Article Tags :
Practice Tags :
Report Issue

We use cookies to ensure you have the best browsing experience on our website. By using our site, you
acknowledge that you have read and understood our
Cookie Policy &
        Privacy Policy

Lightbox

Start Your Coding Journey Now!