CSS3

：

CSS関数

：

abs()

　 編集：2022.07.09 by T.A.

[Edge]⛌？。→●、mdn（en-US）

引数の絶対値を返します。

abs(A)
A CSS値、CSS式。
戻り値

Aの絶対値。Aの数値が正または0の場合はAを返し、それ以外の場合は、-1×A の値を返します。

例
<DIV style="border:1px solid red;
 width:abs(-150px);
">テスト</DIV>
<DIV style="border:1px solid red;
 width:abs(50px - 150px);
">テスト</DIV>
<DIV style="border:1px solid red;
 width:abs(50pt - 150px);
">テスト</DIV>

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

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：