Element.clientWidth

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

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

Синтаксис

var intElemClientWidth = element.clientWidth;

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

Пример

Image:Dimensions-client.png

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

Спецфикация Статус Комментарий
CSS Object Model (CSSOM) View Module
Определение 'clientWidth' в этой спецификации.
Рабочий черновик

Примечание

clientWidth был впервые предствлен в объектной модели MS IE DHTML.

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
clientWidthChrome Полная поддержка 43Edge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка 6Opera Полная поддержка ДаSafari Полная поддержка 6WebView Android Полная поддержка 43Chrome Android Полная поддержка 43Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

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