CSS min() 関数

定義と使用方法

CSSの min() 関数は、カンマで区切られた値リストから属性値として最小の値を選択します。

ヒント：次のように設定できます： min() 関数は、要素の最大制限値として設定されるために使用されます。

例

使用 min() #div1の幅を最大300pxに設定しますが、ビューポートの幅が600px未満の場合は、幅がさらに小さくなります（50%）：

#div1 {
  background-color: yellow;
  height: 80px;
  width: min(50%, 300px);
}

自分で試してみる

CSS 文法

min(value1, value2, ...)
値 説明
value1, value2, ... 必須。カンマで区切られた値リストから最小の値を選択します。

技術的詳細

バージョン： CSS Values and Units Module Level 4

ブラウザのサポート

テーブルの数字は、その機能を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

相关页面

参考：CSS max() 函数

教程：CSS 数学函数