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 id.javascript.info — The difference: CSS width versus clientWidth

  • Tutorial
  • Browser: Document, Events, Interfaces
  • Document
  • Element size and scrolling
kembali ke pelajaran
Materi ini hanya tersedia dalam bahasa berikut: Čeština, Dansk, English, Español, Français, Italiano, 日本語, 한국어, Русский, Українська, Oʻzbek, 简体中文. Tolong, bantu kami menerjemahkan ke dalam Indonesia.

The difference: CSS width versus clientWidth

pentingnya: 5

What’s the difference between getComputedStyle(elem).width and elem.clientWidth?

Give at least 3 differences. The more the better.

Differences:

  1. clientWidth is numeric, while getComputedStyle(elem).width returns a string with px at the end.
  2. getComputedStyle may return non-numeric width like "auto" for an inline element.
  3. clientWidth is the inner content area of the element plus paddings, while CSS width (with standard box-sizing) is the inner content area without paddings.
  4. If there’s a scrollbar and the browser reserves the space for it, some browser substract that space from CSS width (cause it’s not available for content any more), and some do not. The clientWidth property is always the same: scrollbar size is substracted if reserved.
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.