DOM

Element.clientWidth プロパティ

 編集:2022.09.20 by T.A.

[Edge]。読取専用。→

element のパディング領域を含む要素内容の横幅を数値で返します。スクロール バー幅は含みません。

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

CSS height+CSS padding-垂直スクロール バーの幅(もしあれば)として計算できます。

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

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

構文
element.clientWidth
element Element

ピクセル単位で表す整数値です。

clientHeight



テスト