Свойство 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 Полная поддержка Да | IE Полная поддержка 6 | Opera Полная поддержка Да | Safari Полная поддержка 6 | WebView Android Полная поддержка 43 | Chrome Android Полная поддержка 43 | Firefox Android Полная поддержка Да | Opera Android Полная поддержка Да | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка Да |
Легенда
- Полная поддержка
- Полная поддержка