CSS3

：

CSS関数

：

clamp()

　 編集：2022.07.13 by T.A.

→●、mdn

値を下限と上限の間に制限する。

clamp(A#)
A ［CSS値、CSS式］たち。
[Edge]：
clamp(A#{3])
A 最小値、推奨値、最大値。
例
<DIV style="border:1px solid black;
 width:100px;
">テスト</DIV>
100px基準 

<DIV style="border:1px solid red;
 width:clamp(100px, 150px, 200px);
">テスト</DIV>
150pxになった 

<DIV style="font-size:20px; width:100px; border:1px solid black;">
 <SPAN style="border:1px solid red;
  font-size:clamp(1.2rem, 5vw, 2rem);
 ">テスト</SPAN>
</DIV>
ウインドウの横幅を変えると変化する

テスト
別画面に表示させて。
HTML：

ここに表示
¶[Edge]ブラウザーが辞書をダウンロードできないためチェックできず
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：