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.

Example:

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 Basics
  4. JS in Depth
  5. JS Reference
  6. DOM
  7. SVG
  8. JS Misc