CSS ã§è¨ˆç®—（四則計算）ãŒè¡Œãˆã‚‹ calc() 関数を使ã£ã¦ã¿ã‚ˆã†CSS プãƒãƒ‘ティã«æŒ‡å®šã™ã‚‹å€¤ã‚’計算å¼ã§æ›¸ãã“ã¨ãŒã§ãる仕様ã€calc() 関数ã«ã¤ã„ã¦ã€å…·ä½“çš„ãªã‚µãƒ³ãƒ—ルソースをããˆã¦è§£èª¬ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSS ã® calc() 関数ã¯ã€CSS プãƒãƒ‘ティã«æŒ‡å®šã™ã‚‹å€¤ã‚’計算å¼ã§æ›¸ãã“ã¨ãŒã§ãる仕様ã§ã™ã€‚ ã¡ã‚‡ã£ã¨å‰ã« Firefox 48 ãŒã€ã“ã® calc() 関数ã®å…¥ã‚Œå表記ã«å¯¾å¿œã—ãŸä»¶ã§ä¸‹è¨˜ã®ã‚ˆã†ãªè¨˜äº‹ã‚’書ã„ãŸã®ã§ã™ãŒã€ãã®æ™‚å‚考ã«ãƒªãƒ³ã‚¯ã‚’å¼µã‚ã†ã¨ã—ãŸã€éŽåŽ»ã« calc() 関数ã«ã¤ã„ã¦ã®è§£èª¬ã‚’書ã„ãŸè¨˜äº‹ãŒã‚‚ã†6å¹´ã‚‚å‰ã®è¨˜äº‹ã§ã€ã•ã™ãŒã«å¤ã™ãŽã‚‹ã¨ã„ã†ã“ã¨ã§ãƒªãƒ³ã‚¯ã‚’張れãªã‹ã£ãŸã‚“ã§ã™ãŒã€ã„ã„機会ãªã®ã§ã¡ã‚‡ã£ã¨æ›¸ãç›´ã—ã¦ã¿ã¾ã™ã€‚ Firefox 48 㯠CSS calc() 関数ã®å…¥ã‚Œåã«å¯¾å¿œã€CSS カスタムプãƒãƒ‘ティã¨ã®ä½µç”¨ãŒã‚ˆã‚Šä¾¿åˆ©ã« ãªãŠã€ä¸Šè¨˜è¨˜äº‹ã§ã‚‚書ã„ãŸã¨ãŠã‚Šã€calc() 関数ã¯ç¾æ™‚点㧠IE （IE11）や Edge を始ã‚
Use Cases For CSS Calc
{{#tags}}- {{label}}
{{/tags}}