Stepped value functions

          Type  Syntax                           Description
          round() Function property: round(<rounding-strategy>, valueToRound, roundingInterval); It calculates the rounded number based on the rounding strategy.
           mod() Function mod(dividend, divisor) It calculates the modulus by dividing one number by another.
rem() Function rem(dividend, divisor) It calculates the remainder by dividing one number with another.


CSS Math Functions

In this article, we will learn about the CSS Math Functions. CSS Math Functions enable you to express CSS numeric values using mathematical expressions directly in your stylesheets. By using CSS Math Functions, we achieve greater flexibility and ease in creating responsive layouts and styling elements. We can use calc(), max(), and min() math functions to make our work easy.

CSS Math Functions are classified into the following types:

  • Basic arithmetic
  • Comparison functions
  • Trigonometric functions
  • Exponential functions
  • Sign-related functions
  • Stepped value functions

Similar Reads

Basic Arithmetic

The basic arithmetic CSS Math function is calc()....

Comparison Functions

...

Trigonometric functions

This function contains all the comparison function which is used in the CSS Function. It contains max(), min(), and clamp() functions....

Exponential functions:

...

Sign-related functions:

...

Stepped value functions:

...

Contact Us