calc () является собственный CSS способ сделать простую математику правильно в CSS как замена для любого значения длины (или в значительной степени любого числового значения). Это имеет четыре простых математических оператора: добавьте (+), вычтите (-), умножьтесь (*) и разделитесь (/).
calc() Функция CSS может использоваться где угодно a <length>, <frequency>, <angle>, <time>, <number>, или <integer> требуется. С calc(), можно выполнить вычисления для определения значений свойств CSS.
Это возможно к вложенному множеству calc() функция, внутренние, которые рассматривают как простую круглую скобку ().
Синтаксис
/* property: calc(expression) */ width: calc(100% - 100px); Выражения
Выражение может быть любым простым выражением, комбинирующим следующие операторы, с помощью стандартных правил приоритета оператора:
+ Дополнение.
- Вычитание.
* Умножение. По крайней мере одним из аргументов должен быть a <number>.
/ Подразделение. Правая сторона должна быть a <number>.
Операнды в выражении могут быть любым значением синтаксиса длины. Можно использовать различные единицы для каждого значения в выражении, если Вы желаете. Можно также использовать круглые скобки для установления порядка вычисления при необходимости.