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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
clientWidthChrome Soporte completo 43Edge Soporte completo 12Firefox Soporte completo SiIE Soporte completo 6Opera Soporte completo SiSafari Soporte completo 6WebView Android Soporte completo 43Chrome Android Soporte completo 43Firefox Android Soporte completo SiOpera Android Soporte completo SiSafari iOS Soporte completo SiSamsung Internet Android Soporte completo Si

Leyenda

Soporte completo  
Soporte completo

Ver también