calc()
Крутейшая функция, позволяющая производить математические вычисления прямо в CSS.
Как пишется
В круглых скобках мы можем писать любые математические операции с любыми единицами измерения, доступными в вебе (%, px, rem, em, vw, vh, vmin и т.д.). Доступны четыре стандартных операнда:
💡Подсказки
Очень удобно (и часто приходится) использовать, когда из одной величины в относительных единицах надо вычесть другую величину в абсолютных единицах. Самостоятельно это никак не посчитать, а браузеру раз плюнуть.
Статья: https://doka.guide/css/calc/
#css #дока
👉 @frontend_formula
Крутейшая функция, позволяющая производить математические вычисления прямо в CSS.
Как пишется
В круглых скобках мы можем писать любые математические операции с любыми единицами измерения, доступными в вебе (%, px, rem, em, vw, vh, vmin и т.д.). Доступны четыре стандартных операнда:
+ (сложение), - (вычитание), /(деление), * (умножение)..selector {
width: calc(100% - 2rem);
}
Операторы сложения и вычитания обязательно с двух сторон должны отбиваться пробелом. Иначе браузер воспримет их как часть числа. Для каких свойств можно указать calc() в качестве значения? Для любых, значением которых должна быть цифра!💡Подсказки
Очень удобно (и часто приходится) использовать, когда из одной величины в относительных единицах надо вычесть другую величину в абсолютных единицах. Самостоятельно это никак не посчитать, а браузеру раз плюнуть.
Статья: https://doka.guide/css/calc/
#css #дока
👉 @frontend_formula