Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

Element.clientWidth

Baseline
Ampliamente disponible

Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.

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.

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

Sintaxis

js
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

Especificaciones

Especificación
CSSOM View Module
# dom-element-clientwidth

Compatibilidad con navegadores

Véase también