In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > style handling > properties > posRight

posRight property

Browser support:

Specifies or retrieves the value of the right style property as a floating-point number that specifies the value in the current unit type of the right property.

With the bottom style property you can set or return the right position of an element with a unit designator as a string. The pixelRight property specifies or retrieves the right position as an integer, in pixels. If you want to set or retrieve the right position as a floating-point number that specifies the value in the current unit type of the right style property, use the posRight property.

The properties mentioned above can be used to access style settings. If you need the right position of a rendered element, you can use the offsetLeft, offsetWidth properties and the getBoundingClientRect method.

The currentStyle.posRight property is read-only, all others are read/write.

Syntax:

object.posRight;

You can find the related objects in the Supported by objects section below.

Possible values:

Floating-point number that specifies or retrieves the right position.

Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the posRight property:

<head>
    <script type="text/javascript">
        function GetRightPos (elem) {
            var rightStyle = elem.style.right;
            var rightPos = elem.style.posRight;
            var rightPx = elem.style.pixelRight;
            alert ("The right position of the button: " + rightStyle +
                   "\n without unit type: " + rightPos + 
                   "\n in pixels: " + rightPx); 
        }
    </script>
</head>
<body>
    <button style="position:absolute; right:10%; bottom:40%; width:160px; height:30px;" 
            onclick="GetRightPos (this);">Get right position!</button>
</body>