CSS calc(): CSS-функция calc() — это функция CSS встроенного типа, которая позволяет нам выполнять вычисления. Он используется для вычисления угла, целочисленной частоты, числа, времени, процента и длины. Он также использует некоторые арифметические операторы, такие как сложение (+), вычитание (-), деление (/) и умножение (*).

Это эффективная концепция CSS, поскольку она позволяет нам использовать единицы измерения, такие как пиксели и проценты.

Синтаксис:

вычислить(Выражение);

Значения свойств

Эта функция в CSS содержит любое выражение отдельного параметра. Результат такого выражения может быть переработан как любое значение. Это может быть простое выражение с использованием арифметических операторов (+, -, *, /), и его необходимо определить.

Ключевые моменты

  • Некоторые арифметические операторы, такие как вычитание (-) и добавление (+), всегда должны быть заключены в пробелы. В противном случае выражение рассматривается как любое недопустимое выражение. Например, выражение calc(60%-4px) недопустимо, так как это выражение интерпретируется как процент, преследуемый любой отрицательной длиной. Возьмем другое выражение: calc(60%-4px) интерпретируется как любая длина и любой оператор вычитания.
  • А вот операторы / и * не требуют пробелов, хотя для согласованности их предлагается вставлять.
  • Возможна вложенность функции calc().