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
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
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
clientWidth | Chrome Soporte completo 43 | Edge Soporte completo 12 | Firefox Soporte completo Si | IE Soporte completo 6 | Opera Soporte completo Si | Safari Soporte completo 6 | WebView Android Soporte completo 43 | Chrome Android Soporte completo 43 | Firefox Android Soporte completo Si | Opera Android Soporte completo Si | Safari iOS Soporte completo Si | Samsung Internet Android Soporte completo Si |
Leyenda
- Soporte completo
- Soporte completo