Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно игнорируется.
Синтаксис
свойство: calc(выражение)
Значения
Выражение представляет собой комбинацию значений размеров и следующих знаков математических действий.
+ — сложение (width: calc(20px + 20px));
- — вычитание (padding: calc(10% - 10px););
* — умножение (height: calc(20%*2);)
/ — деление. На ноль делить запрещено (width: calc(100%/3);).
Знаки плюс и минус должны отбиваться пробелами с двух сторон.
В данном примере задаётся положение фонового рисунка как 20 пикселов от правого края.
Браузеры
Firefox поддерживает нестандартное значение -moz-calc.
Дежурная шутка
- Дорогая, я достиг небывалых успехов в компьютерной игре! Я добился копья Дьявола, крыльев Горгульи, стал Мастером защитных технологий и у меня совсем недавно появился посох Бога!
- Продолжай в том же духе, и у тебя непременно и рога Оленя появятся!..