CSS Functions

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Extensions
> Step 2: And Like the video. BONUS: You can also share it!

Syntax

  • <calc()> = calc( <calc-sum> )
  • <calc-sum> = <calc-product> [ [ '+' | '-' ] <calc-product> ]*
  • <calc-product> = <calc-value> [ '*' <calc-value> | '/' <number> ]*
  • <calc-value> = <number> | <dimension> | <percentage> | ( <calc-sum> )

Remarks

For calc(), white space is required around the "-" and "+" operators, but not the "*" or "/" operators.

All units must be of the same type; trying to multiply a height by a time duration, for example, is invalid.



Got any CSS Question?