[ Web Proxy ]
URL:
Viewing: https://da.javascript.info/task/width-vs-clientwidth [Back]  [Original]

Forskellen: CSS width versus clientWidth
DA

Vi nsker at gre dette open source-projekt tilgngeligt for folk over hele verden.

Hjlp med at overstte indholdet af denne tutorial til dit sprog!

    Sg p Javascript.info:
    Sg i tutorialen:
    Lyst temaMrkt tema
    DanskEnglishEspaolFranaisIndonesiaItalianoTrkeOzbek
    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.

    lsning

    Forskelle:

    1. clientWidth er et tal, mens getComputedStyle(elem).width returnerer en streng med px til sidst.
    2. getComputedStyle kan returnere ikke-numerisk bredde som "auto" for et inline-element.
    3. clientWidth er det indre omrde for elementet plus padding, mens CSS-bredden (med standard box-sizing) er det indre omrde uden padding.
    4. Hvis der er en scrollbjlke, og browseren reserverer plads til den, trkker nogle browsere den plads fra CSS-bredden (da den ikke lngere er tilgngelig for indhold), og andre gr ikke. Egenskaben clientWidth er altid den samme: scrollbjlkens strrelse trkkes fra, hvis den er reserveret.

    Web Proxy Viewer  |  New URL  |  Original Page