La propiedad de solo lectura HTMLElement.offsetWidth devuelve el ancho del layout del elemento. Esta medida incluye los bordes del elemento asignados al mismo en los estilos CSS.
Sintáxis
var offsetWidth =element.offsetWidth;
offsetWidth es una propiedad de solo lectura.
Esta propiedad redondeará el valor a un entero. Si necesitas un valor fraccional usa: element.getBoundingClientRect().
Ejemplo
Especificaciones
| Especificación | Estado | Comentario |
|---|---|---|
| CSS Object Model (CSSOM) View Module La definición de 'offsetWidth' en esta especificación. |
Working Draft |
Notas
offsetWidth es una propiedad del DHTML "object model" que fue inicialmente introducido por MSIE. A veces es referido como box-width.
Compatibilidad con Navegadores
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
offsetWidth | Chrome Soporte completo 47 | Edge Soporte completo 12 | Firefox Soporte completo 1 | IE Soporte completo Si | Opera Soporte completo Si | Safari Soporte completo 11 | WebView Android Soporte completo 47 | Chrome Android Soporte completo 47 | Firefox Android Soporte completo 4 | Opera Android Soporte completo Si | Safari iOS Soporte completo Si | Samsung Internet Android ? |
Leyenda
- Soporte completo
- Soporte completo
- Compatibilidad desconocida
- Compatibilidad desconocida
- Experimental. Esperar que el comportamiento cambie en el futuro.
- Experimental. Esperar que el comportamiento cambie en el futuro.