GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

No menu could be recovered. Follow the blue links in the page.

This view

  • Original page
  • New address

GeezerVison is showing es.javascript.info — La diferencia: CSS width versus clientWidth

  • Tutorial
  • El navegador: Documentos, Eventos e Interfaces
  • Documento
  • Tamaño de elementos y desplazamiento
regresar a la lección

La diferencia: CSS width versus clientWidth

importancia: 5

¿Cuál es la diferencia entre getComputedStyle(elem).width y elem.clientWidth?

Dar al menos 3 diferencias. Mientras más, mejor.

Diferencias:

  1. clientWidth es numérico, mientras getComputedStyle(elem).width retorna una cadena con px en el final.
  2. getComputedStyle puede devolver un ancho no numérico como "auto" para un elemento en linea.
  3. clientWidth es el contenido interior del área del elemento más los rellenos, mientras el ancho de CSS (con el estándar box-sizing) es el contenido interior del área sin rellenos.
  4. Si hay una barra de desplazamiento y el navegador reserva espacio para esta, algunos navegadores restan ese espacio del ancho de CSS (por que no está disponible para el contenido), y otros no. La propiedad clientWidth es siempre la misma: el tamaño de la barra de desplazamiento se resta si está reservado.
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.