Элемент: свойство clientWidth

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

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

Когда clientWidth используется на корневом элементе (элементе <html>), (или на <body>, если документ находится в режиме quirks), возвращается ширина области просмотра (без учета полосы прокрутки). Это специальный случай clientWidth.

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

Значение

Число.

Примеры

An example element with large padding, border and margin. clientWidth is the inner width of the element including its padding, and excluding its margin, border, and vertical scrollbar.

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

Спецификация
CSSOM View Module # dom-element-clientwidth

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

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`clientWidth`	1	12	1	8	3	18	4	10.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/clientWidth