all
alt
ch
dir
id
min
rel
top
url
URL
urn
Expand Minimize

clientWidth property

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

Syntax

HRESULT value = object.get_clientWidth(* p);

Property values

Type: long

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>

See also

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
hn
html
i
img
input type=button
input type=checkbox
input type=email
input type=file
input type=image
input type=number
input type=password
input type=radio
input type=range
input type=reset
input type=search
input type=submit
input type=tel
input type=text
input type=url
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
Measuring Element Dimension and Location with CSSOM in Internet Explorer 9

 

 

Show:
© 2014 Microsoft