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

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

構文

var intElemClientWidth = element.clientWidth;

intElemClientWidthelementclientWidth をピクセル数で表す整数値です。 clientWidth プロパティは読み取り専用です。

Image:Dimensions-client.png

仕様書

仕様書 状態 備考
CSS Object Model (CSSOM) View Module
clientWidth の定義
草案  

メモ

clientWidth は MS IE DHTML オブジェクトモデルにおいて初めて導入されました。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
clientWidthChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 6Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Edge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報

ドキュメントのタグと貢献者

最終更新者: mdnwebdocs-bot,