# Свойство offsetLeft

Свойство `offsetLeft` содержит левое смещение элемента относительно `offsetParent`. Содержит расстояние от `offsetParent` до границы элемента.

## Синтаксис

`элемент.offsetLeft;`

## Пример

Давайте найдем смещение элемента относительно своего `offsetParent`:

`<div id="parent" style="position: relative;"> <div id="elem" style="position: absolute; left: 100px"></div> </div>` `let elem = document.querySelector('#elem'); console.log(elem.offsetLeft);`

Результат выполнения кода:

`100`

## Пример

Отступы `margin` также суммируются в смещение:

`<div id="parent" style="position: relative;"> <div id="elem" style="position: absolute; left: 100px; margin: 50px"></div> </div>` `let elem = document.querySelector('#elem'); console.log(elem.offsetLeft);`

Результат выполнения кода:

`150`

## Смотрите также

- свойство `offsetTop`,
  которое содержит смещение элемента сверху
- метод `getBoundingClientRect`,
  который находит смещение элемента

← →
↑
en ru