Element.clientWidth

La propiedad Element.clientWidth es cero para elementos sin CSS o cajas de diseño (layout), en caso contrario es la anchura interior de un elemento en pixels, incluyendo la anchura de relleno (padding) pero no la anchura de la barra de desplazamiento vertical (si está presente, si está dibujada), el borde o el margen.

El valor de esta propiedad será redondeado a un entero. Si necesita un valor fraccional, use element.getBoundingClientRect().

Sintaxis

var intElemClientWidth = element.clientWidth;

intElemClientWidth será un entero que corresponde con el clientWidth del elemento en pixels. clientWidth es de sólo-lectura.

Ejemplo

 

             Image:Dimensions-client.png

Especificación

Especificación Estado Observaciones
CSS Object Model (CSSOM) View Module
La definición de 'clientWidth' en esta especificación.
Working Draft  

Notas

clientWidth fue introducida en el modelo de objetos DHTML de MS IE.

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también