• ARعربي
  • ENEnglish
  • ESEspañol
  • FAفارسی
  • FRFrançais
  • IDIndonesia
  • ITItaliano
  • JA日本語
  • KO한국어
  • RUРусский
  • TRTürkçe
  • UKУкраїнська
  • ZH简体中文

ما قصد داریم این پروژهٔ متن‌باز را در دسترس همهٔ مردم در سرتاسر دنیا قرار دهیم.

به ترجمهٔ محتوای این آموزش به زبان خودتان کمک کنید/a>.

    نقشه آموزش
    اشتراک گذاری
    • آموزش
    • مرورگر: Document، Eventها، رابط‌ها
    • Document
    • Element size and scrolling
    بازگشت به درس
    این محتوا تنها در این زبان‌ها موجود است: English, Español, Français, Italiano, 日本語, 한국어, Русский, Українська, 简体中文. لطفاً به ما

    The difference: CSS width versus clientWidth

    اهمیت: 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.
    • © 2007—2025  Ilya Kantor
    • دربارهٔ پروژه
    • تماس با ما