clientHeight Property

DHTML, HTML, & CSS

previous page next page

CLEAR Attribute | clear P...

clientLeft Property

DHTML Properties

Web Workshop | DHTML, HTML & CSS

clientHeight Property

Retrieves the height of the object without taking into account any margin, border, scroll bar, or padding that might have been applied to the object.

Syntax

HTML N/A

Scripting [ iHeight = ] object.clientHeight

HTML	N/A
Scripting	[ iHeight = ] object.clientHeight

Possible Values

iHeight Integer that specifies the height of the object, in pixels.

The property is read-only with no default value.

Example

This example shows how the clientHeight property and the offsetHeight property measure document height differently.

Note The height of the DIV is set to 100, and this is the value retrieved by the offsetHeight property, not the clientHeight property.

Sample Code
<DIV ID=oDiv STYLE="overflow:scroll; width:200; height:100"> . . . </DIV>
<BUTTON onclick="alert(oDiv.clientHeight)">client height</BUTTON>
<BUTTON onclick="alert(oDiv.offsetHeight)">offset heightY</BUTTON>
This feature requires Internet Explorer 4.0 or later. Click the icon below to install the latest version. Then reload this page to view the sample.

Applies To

[ Object Name ]

Platform Version

Win16:

Win32:

Mac:

Unix:

WinCE:

Version data is listed when the mouse hovers over a link, or the link has focus.

A, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, custom, DD, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FORM, HEAD, Hn, HTML, I, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, ISINDEX, KBD, LABEL, LEGEND, LI, LISTING, MARQUEE, MENU, META, NOBR, OBJECT, OL, OPTION, P, PLAINTEXT, PRE, S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP