clientWidth property (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

1 out of 6 rated this helpful - Rate this topic

Retrieves the width of the object including padding, but not including margin, border, or scroll bar.

Syntax

JavaScript	`p = object.clientWidth`

Property values

Type: Integer

the width of the object, in pixels.

Examples

This example shows how the clientWidth property and the offsetWidth property measure document width differently. The width of the div is set to 200, and this is the value retrieved by the offsetWidth property, not the clientWidth property.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/clientWidth.htm


<div id=oDiv style="overflow:scroll; width:200; height:100"> . . . </div>
<button onclick="alert(oDiv.clientWidth)">client width</button>
<button onclick="alert(oDiv.offsetWidth)">offset widthY</button>

clientWidth property

Syntax

Property values

Examples

See also

Community Additions