diff options
Diffstat (limited to 'files/ja/web/api/element/clientwidth/index.md')
-rw-r--r-- | files/ja/web/api/element/clientwidth/index.md | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/files/ja/web/api/element/clientwidth/index.md b/files/ja/web/api/element/clientwidth/index.md new file mode 100644 index 0000000000..af5d5481ca --- /dev/null +++ b/files/ja/web/api/element/clientwidth/index.md @@ -0,0 +1,49 @@ +--- +title: Element.clientWidth +slug: Web/API/Element/clientWidth +tags: + - API + - CSSOM View + - NeedsMarkupWork + - リファレンス + - プロパティ +browser-compat: api.Element.clientWidth +translation_of: Web/API/Element/clientWidth +--- +{{APIRef("DOM")}} + +**`Element.clientWidth`** プロパティは、インライン要素や CSS のない要素ではゼロになります。それ以外では、要素の内側の寸法をピクセル単位で表します。パディングは含みますが、境界、マージン、(もしあれば)垂直スクロールバーは含みません。 + +`clientWidth` がルート要素(`<html>` 要素)(または文書が後方互換モードである場合は `<body>`)に使用された場合、(スクロールバーを除いた)ビューポートの高さが返されます。[これは `clientWidth` の特例です](https://www.w3.org/TR/2016/WD-cssom-view-1-20160317/#dom-element-clientwidth)。 + +> **Note:** このプロパティは値を整数に丸めます。小数の値が必要な場合は、 {{ domxref("element.getBoundingClientRect()") }} を使用してください。 + +## 構文 + +```js +var intElemClientWidth = element.clientWidth; +``` + +`intElemClientWidth` は `element` の `clientWidth` をピクセル数で表す整数値です。 `clientWidth` プロパティは読み取り専用です。 + +## 例 + +![](dimensions-client.png) + +## 仕様書 + +{{Specifications}} + +## メモ + +`clientTop` は MS IE DHTML オブジェクトモデルで最初に導入されました。 + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("HTMLElement.offsetWidth")}} +- {{domxref("Element.scrollWidth")}} +- [要素の寸法の決定](/ja/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements) |