calc() - это функция CSS, которая даёт возможность рассчитать значения свойств CSS во время их определения. Она может быть использована везде, где применимы такие типы данных, как <length> (длина), <angle> (угол), <time> (время), <number> и <integer> (число).
calc() позволяет задавать значения основанные на математических действиях (в вычислениях могут учавствовать разные единицы измерений). Если значение не может быть вычислено, оно игнорируется.
В качестве математических действий могут быть использованы: сложение ('+'), вычитание ('-'), умножение ('*') и деление ('/'). Действия возможны между разными величинами одного типа (например px и %).