Свойство Element.clientWidth равно 0 для инлайн элементов и элементов без CSS; для всех остальных равняется ширине элемента в пикселях, включая padding, но исключая ширину рамки (border), внешние отступы (margin), и вертикальную полосу прокрутки (если она есть).
Note: Это свойство округляет реальное значение до целого. Если вам нужно дробное значение, используйте element.getBoundingClientRect().
Синтаксис
var intElemClientWidth = element.clientWidth;
intElemClientWidth - целое число, соответствующее значению clientWidth элемента element в пикселях. Свойство clientWidth только для чтения.
Пример
Спецификация
| Спецфикация | Статус | Комментарий |
|---|---|---|
| CSS Object Model (CSSOM) View Module Определение 'clientWidth' в этой спецификации. |
Рабочий черновик |
Примечание
clientWidth был впервые предствлен в объектной модели MS IE DHTML.
Совместимость с браузерами
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Компьютеры | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
clientWidth | Chrome Полная поддержка 43 | Edge Полная поддержка 12 | Firefox Полная поддержка 1 | IE Полная поддержка 6 | Opera Полная поддержка 8 | Safari Полная поддержка 6 | WebView Android Полная поддержка 43 | Chrome Android Полная поддержка 43 | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 10.1 | Safari iOS Полная поддержка 6 | Samsung Internet Android Полная поддержка 4.0 |
Легенда
- Полная поддержка
- Полная поддержка