--- title: Element.clientHeight slug: Web/API/Element/clientHeight tags: - API - CSSOM View - NeedsMarkupWork - プロパティ - リファレンス browser-compat: api.Element.clientHeight translation_of: Web/API/Element/clientHeight --- {{APIRef("DOM")}} **`Element.clientHeight`** は読み取り専用のプロパティで、 CSS のない要素やインラインレイアウトボックスではゼロになります。それ以外では、要素の内側の寸法をピクセル単位で表します。パディングは含みますが、境界、マージン、（もしあれば）水平スクロールバーは含みません。 `clientHeight` は CSS `height` + CSS `padding` - 水平スクロールバーの高さ (もしあれば) として計算できます。 `clientHeight` がルート要素（`` 要素）（または文書が後方互換モードである場合は ``）に使用された場合、（スクロールバーを除いた）ビューポートの高さが返されます。[これは `clientHeight` の特例です](https://www.w3.org/TR/2016/WD-cssom-view-1-20160317/#dom-element-clientheight)。 > **Note:** このプロパティは値を整数値に丸めます。小数値が必要であれば、 {{ domxref("element.getBoundingClientRect()") }} を使用してください。 ## 構文 ```js var intElemClientHeight = element.clientHeight; ``` `intElemClientHeight` は `element` の `clientHeight` をピクセル単位で表す整数値です。 `clientHeight` プロパティは読み取り専用です。 ## 例 ![](dimensions-client.png) ## 仕様書 {{Specifications}} ### メモ `clientHeight` は Internet Explorer オブジェクトモデルで導入されたプロパティです。 ## ブラウザーの互換性 {{Compat}} ## 関連情報 - {{domxref("HTMLElement.offsetHeight")}} - {{domxref("Element.scrollHeight")}} - [要素の寸法の決定](/ja/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements)