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 Полная поддержка 1IE Полная поддержка 6Opera Полная поддержка 8Safari Полная поддержка 6WebView Android Полная поддержка 43Chrome Android Полная поддержка 43Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 6Samsung Internet Android Полная поддержка 4.0

Легенда

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

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