Element: clientWidth プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Element.clientWidth プロパティは、インライン要素や CSS のない要素ではゼロになります。それ以外では、要素の内側の寸法をピクセル単位で表します。パディングは含みますが、境界、マージン、(もしあれば)垂直スクロールバーは含みません。

clientWidth がルート要素(<html> 要素)(または文書が後方互換モードである場合は <body>)に使用された場合、(スクロールバーを除いた)ビューポートの高さが返されます。これは clientWidth の特例です

メモ: このプロパティは値を整数に丸めます。小数の値が必要な場合は、 element.getBoundingClientRect() を使用してください。

数値です。

大きなパディング、境界、マージンを持つ要素の例。clientWidth は、パディングを含めるために、マージン、境界、および垂直スクロールバーを除いた要素内の幅です。

仕様書

Specification
CSSOM View Module
# dom-element-clientwidth

メモ

clientWidth は MS IE DHTML オブジェクトモデルで最初に導入されたものです。

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
clientWidth

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報