Calc Functions

placehold
.it

Great place to get placeholders for your website templates

Calc CSS

calc() is a native CSS way to do simple math right in CSS as a replacement for any length value (or pretty much any number value). It has four simple math operators: add (+), subtract (-), multiply (*), and divide (/). Being able to do math in code is nice and a welcome addition to a language that is fairly number heavy. But is it useful? I've strained my brain in the past trying to think of obviously useful cases. There definitely are some though.

Planet Images

planet1
planet2
planet3
planet4
planet5
planet6
planet7
planet8
planet9
planet10

Calc Links

  1. W3 Schools
  2. CSS Tricks
  3. HongKiat
  4. Goolge Dev
html5 Validate CSS Validate