MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

 

             Image:Dimensions-offset.png

Especificaciones

Especificación Estado Comentario
CSS Object Model (CSSOM) View Module
The definition of 'offsetWidth' in that specification.
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

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

 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Facu50196, jvas28
 Última actualización por: Facu50196,