Element.clientWidth プロパティは、 CSS やインラインレイアウトボックスのない要素にはゼロになります。そうでなければ、ピクセル単位で要素の内側の寸法を表します。要素のパディングは含みますが、境界線、マージン、 (もしあれば) 垂直スクロールバーは含みません。
メモ: このプロパティは値を整数値に丸めます。小数値が必要であれば、 element.getBoundingClientRect() を使用してください。
構文
var intElemClientWidth = element.clientWidth;
intElemClientWidth は element の clientWidth をピクセル数で表す整数値です。 clientWidth プロパティは読み取り専用です。
例
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Object Model (CSSOM) View Module clientWidth の定義 |
草案 |
メモ
clientWidth は MS IE DHTML オブジェクトモデルにおいて初めて導入されました。
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
clientWidth | Chrome 完全対応 43 | Edge 完全対応 12 | Firefox 完全対応 あり | IE 完全対応 6 | Opera 完全対応 あり | Safari 完全対応 6 | WebView Android 完全対応 43 | Chrome Android 完全対応 43 | Edge Mobile 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応