CSS/Funktionen/clamp()

Die CSS-Funktion clamp() klemmt einen Größenbereich zwischen einem Minimum und einem Maximalwert

anwendbar auf

Die clamp()-Funktion kann für jede Längenangabe, , <Frequenz>, Winkel>, <Zeitangabe>, <Prozentwert>, <Zahl>, oder <integer> verwendet werden.

Parameter

Sie enthält drei Parameter:

clamp(MIN, VAL, MAX) wird als max(MIN, min(VAL, MAX)) aufgelöst

Beispiel

.box {

  width: clamp(400px, 50%, 800px);

}

/* 50% Breite, mindestens 400px und höchstens 800px*/

Siehe auch

CSS-Funktionen

Mathematische Berechnungen
- calc()
- calc-size()
- clamp()
- min()
- max()
- abs()
- acos()
- asin()
- atan()
- atan2()
- cos()
- exp()
- hypot()
- log()
- mod()
- pow()
- rem()
- round()
- sign()
- sin()
- sqrt()
- tan()
Referenz-Funktionen
Transformationen
Farben
Image
Intrinsisch
Filter
Grundformen
Animationen