éã: CSS å¹ vs clientWidth
éè¦æ§: 5
getComputedStyle(elem).width 㨠elem.clientWidth ã®éã®éãã¯ãªãã§ããããï¼
å°ãªãã¨ã ï¼ã¤ã®å·®ç°ãæãã¦ãã ãããå¤ãæ¹ãè¯ãã§ãã
éã:
clientWidthã¯æ°å¤ã§ãgetComputedStyle(elem).widthã¯æ«å°¾ã«pxãã¤ããæååãè¿ãã¾ããgetComputedStyleã¯ã¤ã³ã©ã¤ã³è¦ç´ ã®å ´åã"auto"ã®ãããªéæ°å¤ã®å¹ ãè¿ãå ´åãããã¾ããclientWidthã¯è¦ç´ ã®å é¨ã®ã³ã³ãã³ãé åã«ããã£ã³ã°ãå ãããã®ã§ãã䏿¹ãCSSå¹ (æ¨æºã®box-sizingã®å ´å)㯠ããã£ã³ã°ãªã ã®å é¨ã³ã³ãã³ãé åã§ãã- ããã¹ã¯ãã¼ã«ãã¼ãããããã©ã¦ã¶ã¯ãã®ã¹ãã¼ã¹ã確ä¿ãã¦ããå ´åãä¸é¨ã®ãã©ã¦ã¶ã¯ CSSå¹
ãããã®ã¹ãã¼ã¹ãå¼ã(ã³ã³ãã³ãã®ããã«ã¯ãã以ä¸ä½¿ããªãããã§ã)ãä¸é¨ã®ãã©ã¦ã¶ã¯å¼ãã¾ããã
clientWidthããããã£ã¯å¸¸ã«åãã§ã: 確ä¿ããã¦ããå ´åãã¹ã¯ãã¼ã«ãã¼ãµã¤ãºã¯å¼ããã¾ãã