This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

Element.clientWidth

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

Свойство Element.clientWidth равно 0 для инлайн элементов и элементов без CSS; для всех остальных равняется ширине элемента в пикселях, включая padding, но исключая ширину рамки (border), внешние отступы (margin), и вертикальную полосу прокрутки (если она есть).

Примечание: Это свойство округляет реальное значение до целого. Если вам нужно дробное значение, используйте element.getBoundingClientRect().

Синтаксис

var intElemClientWidth = element.clientWidth;

intElemClientWidth - целое число, соответствующее значению clientWidth элемента element в пикселях. Свойство clientWidth только для чтения.

Пример

Пример элемента с большими отступами, границей и полем. clientWidth — это внутренняя ширина элемента, включая его отступы и исключая поля, границы и вертикальную полосу прокрутки.

Спецификации

Specification
CSSOM View Module
# dom-element-clientwidth

Совместимость с браузерами

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