left property

Sets or retrieves the left coordinate of the rectangle surrounding the object content.

Syntax

JavaScript

p = object.left

Property values

Type: Integer

the left coordinate of the rectangle, in pixels.

Remarks

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


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

Note that because the collection index starts at 0, the second item index is 1.

To access the left coordinate of the bounding rectangle of an element object, use this syntax:


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

Examples

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

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/rectangles.htm


<!DOCTYPE html>

<html>
<head>
  <title>boundingTop</title>
</head>
<body>
  <p onclick="getCoords(this)" style="cursor: pointer">Click this text with the F12 Tools console window open.</p>
  <script>
    function getCoords(oObject) {
      var oBndRct = oObject.getBoundingClientRect();
      console.log("Bounding rectangle = \n  Upper left coordinates: (" 
        + oBndRct.left + ", " + oBndRct.top + ")"
        + "\n  Lower right coordinates: ("
        + oBndRct.right + ", " + oBndRct.bottom + ")");
    }
  </script>
</body>
</html>

See also

Reference
bottom
right
top
TextRectangle

 

 

Show:
© 2014 Microsoft. All rights reserved.