min() は CSS 関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最小の (最も負である) 値を設定できます。
例
.box {
width: 50vw;
max-width: 600px;
}
↓ 同じ
.box {
width: min(50vw, 600px);
}
max() は CSS の関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最大の (最も正である) 値を設定できます。
.box {
width: 50vw;
min-width: 400px;
}
↓ 同じ
.box {
width: max(50vw, 400px);
}
minmax() は CSS の関数で、寸法の範囲を min 以上、 max 以下で定義します。 CSS グリッドで使用されます。
display: grid; 用です。
clamp() は CSS の関数で、値を上限と下限の間に制限します。 clamp() によって、定義された最大値と最小値の間の値を選択することができます。最小値、推奨値、最大値の3つの引数を取ります。
.box {
width: clamp(400px, 50vw, 600px);
}