offsetWidth

Обновлено: 20.03.2023

Визначення та використання

Властивість offsetWidthповертає видиму ширину елемента (у пікселях), включаючи відступи, межі та смугу прокручування, але не поля.

Властивість offsetWidthдоступна лише для читання.

Приклад

Отримайте висоту та ширину "myDIV", включаючи відступи та межі:

const elmnt = document.getElementById("myDIV");
let text = "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

OffsetParent

Усі елементи на рівні блоку повідомляють про зміщення відносно батьківського зсуву:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Батьківський зсув — це найближчий предок, який має позицію, відмінну від статичної.

Якщо батьківського зміщення не існує, зсув є відносно тіла документа.

Синтаксис

element.offsetWidth

Повернене значення

Типопис
НомерВидима ширина елемента (у пікселях), включаючи відступ, рамку та смугу прокрутки.


Підтримка браузера


offsetWidth

Посмотреть совместимость на Can I use?

offsetWidth