JavaScriptオブジェクト

JavaScriptリファレンスマニュアル

JS DOMリファレンスマニュアル

JavaScript History オブジェクト HTML DOM Element オブジェクト

HTML DOM clientWidth 属性

HTML DOM Element オブジェクト

clientWidth読み取り専用属性は、要素の見える幅（ピクセル単位）を返します。フィルリングを含みますが、ボーダー、ページエッジ、垂直スクロールバー（存在する場合）は含まれません。

clientWidthの計算式は以下の通りです：CSS width + CSSパディング-垂直スクロールバーの幅（存在する場合）。

この属性について理解するには、以下を理解する必要があります。CSSボックスモデル。

を使用してoffsetWidth属性は、要素の見える幅（フィルリング、ボーダー、垂直スクロールバーを含む）を返します。

文法：

element.clientWidth

例

var　elem　=　document.querySelector("div");
var txt = "高さを含むフィルリング: "　+　elem.clientHeight　+　"px<br>";
txt　+=　"幅はフィルリングを含む:　"　+　elem.clientWidth　+　"px";

テストを見て‹/›

ブラウザの互換性

すべてのブラウザがclientWidth属性を完全にサポートしています：

属性
clientWidth	は	は	は	は	は

技術的な詳細

返り値：	ピクセル単位で要素の幅を示す数字

さらに例

この例ではclientWidthとoffsetWidthの違いを示します：

例

var　elem　=　document.querySelector("div");
var　txt　=　"幅はフィルリングを含む:　"　+　elem.clientWidth　+　"px<br>";
txt　+=　"幅はフィルリングを含む"+枠:　"　+　elem.offsetWidth　+　"px";