Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК
     ❯   

JS Справочник


JavaScript

Модификаторы: Группы: Метасимволы: Квантификаторы: Свойства: Методы:

Window


HTML DOM


HTML События


Web APIs


HTML Объекты


Другие ссылки




HTML DOM Element offsetLeft



Свойство offsetLeft

Примеры element.offsetLeft

Получить позицию offsetLeft из "myDIV":

const element = document.getElementById("myDIV");
let pos = element.offsetLeft;
Попробуйте сами »

Получить позиции "myDIV":

const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;
Попробуйте сами »

Описание offsetLeft

Свойство offsetLeft возвращает левую позицию (в пикселях) относительно родительского элемента.

Возвращаемое значение включает:

  • левую позицию и поле элемента
  • левый отступ, полосу прокрутки и границу родительского элемента

Свойство offsetLeft доступно только для чтения.

Учебник: offsetLeft

CSS Box Модель

Свойства offsetParent и offsetLeft

Все элементы блочного уровня сообщают смещения относительно родительского смещения:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Смещенный родительский элемент — это ближайший предок элемента, имеющий позицию, отличную от статической.

Если смещенный родительский элемент не существует, смещение выполняется относительно тела документа.

Связные страницы offsetLeft

Свойство offsetTop.

Свойство offsetWidth.

Свойство offsetHeight.

Свойство offsetParent.

Свойство clientTop

Свойство clientLeft

Свойство clientWidth

Свойство clientHeight



Синтаксис offsetLeft

Верните левую позицию смещения:

element.offsetLeft

Возвращаемое значение offsetLeft

Тип Описание
NumberЛевое положение элемента в пикселях.

Поддержка offsetLeft

element.offsetLeft поддерживается во всех браузерах:

Chrome Edge Firefox Safari Opera IE
Да Да Да Да Да Да


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.