CSS max() 関数

定義と使用方法

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

例

使用方法 max() #div1の幅を少なくとも300pxに設定しますが、ビューポートの幅が600pxを超えた場合、幅がもっと広くなります（50%）:

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

実際に試してみる

CSS文法

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

技術的詳細

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

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

相关页面

参考：CSS min() 函数

教程：CSS 数学函数