<calc-keyword>
A CSS type representing keywords that can be used inside mathematical functions like 'calc()'. Examples include 'e' (base of natural logarithms) and 'pi'.
Syntax
/* Usage Example */
.circular-path {
/* Using pi keyword inside calc for circle math */
width: calc(2 * pi * 10px);
}<calc-keyword> Browser support
Widely available
Since
2023 94% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
99+
108+
15.4+
99+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more