CSS - min(), max()

トップ > CSSリファレンス > min(), max()

概要

形式 min(value1, value2, ...)
max(value1, value2, ...)

説明

min() は value1, value2, ... の1番小さい値を、max() は value1, value2, ... の1番大きな値を返却します。<length>, <frequency>, <angle>, <titme>, <percentage>, <number>, <integer> が利用可能な箇所で使用できます。

使用例

CSS
.box {
  width: min(100%, 40rem);
  height: 3rem;
  border: 1px solid #ccc;
}
HTML
<div class="box">AAA</div>
表示
AAA

リンク


Copyright (C) 2022 杜甫々
初版:2022年7月31日、最終更新:2022年7月31日
http://www.tohoho-web.com/css/value/max.htm