Is chapter me ye functions use hote hain:
- calc()
- max()
- min()
- clamp()
The CSS calc() Function
calc() function mathematical calculation perform karta hai jo property value ke roop me use hota hai.
Ye addition (+), subtraction (-), multiplication (*), aur division (/) support karta hai aur different units (jaise px aur %) ko combine kar sakta hai.
Syntax
| Value | Description |
|---|---|
| expression | Required. Mathematical expression jiska result value banega |
Example
The CSS max() Function
max() function comma-separated values leta hai aur unme se largest value ko apply karta hai.
Syntax
| Value | Description |
|---|---|
| value1, value2 | Required. Comma-separated values |
Example
The CSS min() Function
min() function comma-separated values leta hai aur unme se smallest value ko apply karta hai.
Syntax
| Value | Description |
|---|---|
| value1, value2 | Required. Comma-separated values |
Example
The CSS clamp() Function
clamp() function ek responsive value set karta hai jo minimum aur maximum ke beech adjust hoti hai viewport ke hisaab se.
Isme 3 parameters hote hain:
- minimum value
- preferred value
- maximum value
Agar preferred value minimum se chhoti ya maximum se badi ho, to limit apply hoti hai.
Syntax
| Value | Description |
|---|---|
| min | Optional. Smallest value |
| preferred | Required. Preferred value |
| max | Optional. Largest value |
Example
Math Functions in CSS dynamic aur responsive values create karne me help karte hain. calc(), max(), min(), aur clamp() use karke layout ko flexible aur adaptive banaya ja sakta hai.
