CSS: calc

By Xah Lee. Date: .

calc() lets you do a simple calculation, for CSS property values.

It can be used anywhere for a length or number.


width: calc(100% - 80px);

you can use any of the following operators:

Parentheses can be used for grouping.

Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog