GeezerVison

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

GeezerVison is showing da.javascript.info — Forskellen: CSS width versus clientWidth

tilbage til lektionen

Forskellen: CSS width versus clientWidth

vigtighed: 5

Hvad er forskellen mellem getComputedStyle(elem).width og elem.clientWidth?

Angiv mindst 3 forskelle. Jo flere jo bedre.

Forskelle:

clientWidth er et tal, mens getComputedStyle(elem).width returnerer en streng med px til sidst.
getComputedStyle kan returnere ikke-numerisk bredde som "auto" for et inline-element.
clientWidth er det indre område for elementet plus padding, mens CSS-bredden (med standard box-sizing) er det indre område uden padding.
Hvis der er en scrollbjælke, og browseren reserverer plads til den, trækker nogle browsere den plads fra CSS-bredden (da den ikke længere er tilgængelig for indhold), og andre gør ikke. Egenskaben clientWidth er altid den samme: scrollbjælkens størrelse trækkes fra, hvis den er reserveret.

You are visitor 01402520 — 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.