Element.clientWidth

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

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

メモ: このプロパティは値を整数値に丸めます。小数値が必要であれば、 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 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
clientWidthChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 1IE 完全対応 6Opera 完全対応 8Safari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 6Samsung Internet Android 完全対応 4.0

凡例

完全対応  
完全対応

関連情報