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