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

Indica le differenze tra la propriet width CSS e clientWidth
IT

Vorremo rendere disponibile questo progetto open-source per persone in tutto il mondo.

Aiutaci a tradurre il contenuto di questo tutorial nella tua lingua!

    Cerca in Javascript.info:
    Cerca nel tutorial:
    Light themeDark theme
    DanskEnglishEspaolFranaisIndonesiaItalianoTrkeOzbek
    torna alle lezioni

    Indica le differenze tra la propriet width CSS e clientWidth

    importanza: 5

    Quali sono le differenze tra getComputedStyle(elem).width e elem.clientWidth?

    Indica almeno 3 differenze. Pi sono meglio .

    soluzione

    Differenze:

    1. clientWidth un valore numerico, getComputedStyle(elem).width invece restituisce una stringa con px alla fine.
    2. getComputedStyle pu restituire una larghezza non numerica come "auto" per un elemento inline.
    3. clientWidth larea del contenuto interna di un elemento pi il padding, mentre la propriet width dei CSS (con il valore predefinito di box-sizing) larea del contenuto interna senza il padding.
    4. Se c una barra di scorrimento ed il browser le riserva uno spazio, alcuni browser sottraggono quello spazio alla larghezza impostata tramite CSS (perch non pi disponibile per i contenuti), e altri invece no. La propriet clientWidth sempre la stessa: se la barra di scorrimento ha uno spazio riservato viene sottratto allarea del contenuto.

    Web Proxy Viewer  |  New URL  |  Original Page