right

Summary

Returns the right value for a ClienRect object.

Property of css/cssom/ClientRect css/cssom/ClientRect

Syntax

Note: This property is read-only.

var pixelsFromRight = clientRect.right;

Return Value

Returns an object of type NumberNumber

The number of pixels.

Examples

This example uses the getBoundingClientRect method to retrieve the coordinates of the bounds of the text rectangles within the element.

<SCRIPT>
function getCoords(oObject) {
    oBndRct=oObject.getBoundingClientRect();
    alert("Bounding rectangle = \nUpper left coordinates: "
        + oBndRct.left + " " + oBndRct.top +
        "\nLower right coordinates: "
        + oBndRct.right + " " + oBndRct.bottom);
}
</SCRIPT>
</HEAD>
<BODY>
<P ID=oPara onclick="getCoords(this)">

View live example

Notes

To access the right coordinate of the second text rectangle of a TextRange object, use this syntax:

oRct = oTextRange.getClientRects();
oRct[1].right;

Note that the collection index starts at 0, so the second item index is 1. To access the right coordinate of the bounding rectangle of an element object, use this syntax:

oBndRct = oElement.getBoundingClientRect();
oBndRct.right;

Attributions

Microsoft Developer Network: [Windows Internet Explorer API reference Article]