Các hàm toán học CSS cho phép các biểu thức toán học được sử dụng làm giá trị thuộc tính. Ở đây, chúng tôi sẽ giải thích về chức năng của các hàm calc(), max()và min()

1. Hàm calc() trong CSS

Hàm calc () thực hiện một phép tính được sử dụng làm giá trị thuộc tính

Cú pháp: calc(expression)

Trong đó expression Yêu cầu một biểu thức toán học. Kết quả sẽ được sử dụng làm giá trị. Các toán tử sau có thể được sử dụng: + – * /

Ví dụ:

See the Pen
Untitled by sonson (@sonsonct)
on CodePen.

2. Hàm max() trong CSS

Hàm max () sử dụng giá trị lớn nhất, từ danh sách giá trị được phân tách bằng dấu phẩy, làm giá trị thuộc tính

Cú pháp: max(value1, value2, …)

Trong đó :alue1, value2, … Yêu cầu danh sách các giá trị được phân tách bằng dấu phẩy – trong đó giá trị lớn nhất được chọn

Ví dụ:

See the Pen
Untitled by sonson (@sonsonct)
on CodePen.

3. Hàm min() trong CSS

Hàm min () sử dụng giá trị nhỏ nhất, từ danh sách giá trị được phân tách bằng dấu phẩy, làm giá trị thuộc tính

Cú pháp : min(value1, value2, …)

Trong đó: value1, value2, … Yêu cầu danh sách các giá trị được phân tách bằng dấu phẩy – trong đó giá trị nhỏ nhất được chọn

Ví dụ:

See the Pen
Untitled by sonson (@sonsonct)
on CodePen.