.clientHeight
Element.clientHeightは読み込み専用のプロパティで、paddingを含みますが、水平スクロールバーの高さ・ボーダー・マージンを含まない、要素内部の高さをピクセルで返します。
clientHeight
は、CSSのheight
+ CSSのpadding
+ 水平スクロールバーの高さ(存在すれば)から、算出することが出来ます。
このプロパティは整数に値を丸めます。 もし、小数値が必要であれば、element.getBoundingClientRect()を使用してください。
文法
var h = element.clientHeight;
h
には、ピクセルで要素の高さを表す整数が格納されます。
例
padding-top
ネコ(猫)とは、狭義にはネコ目(食肉目)- ネコ亜目- ネコ科- ネコ亜科- ネコ属に分類される小型哺乳類であるイエネコ(学名:Felis silvestris catus)の通称である。
ネコの起源は、ネズミを捕獲させる目的で飼われ始めた(狭義の)ヤマネコ(Felis silvestris)の家畜化であり、分類学上はヤマネコの1亜種とされる。人によくなつくため、多くが愛玩用のペットとして飼育されており、本項ではこれについて解説する。
(出典:ネコ - Wikipedia)
padding-bottom
注意事項
clientHeight
は、Internet Explorerのオブジェクトモデルで導入されたプロパティです。
仕様
関連項目
© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
- 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
- MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。