Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.
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
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Soporte Básico | (Yes) | ? | ? | ? | ? |
| Característica | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Soporte Básico | ? | (Yes) | ? | ? | ? | ? | ? | (Yes) |
De acuerdo a las especificaciones esta propiedad retornará null en el caso de elemento se encuenta oculto (display:none) o si el posición del elemento es fija (position:fixed).
Esta propiedad tambien retornará null en Internet Explorer (9) solamente en el caso de que la posición del elemento está fija, para este navegador la propiedad no se ve afectada en caso de que el elemento esté oculto.
Links Relacionados
Element.clientWidthElement.scrollWidth- Determining the dimensions of elements
- MSDN: offsetWidth Property
- MSDN: Measuring Element Dimension and Location