このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

hypot()”関数CSS Values and Units Module Level 4 で追加

記事Jul.6th,2021
二乗和の平方根を表すCSSの関数、“hypot()”について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

hypot()”関数

hypot()”関数は二乗和の平方根を表す関数です。

hypot()”関数は以下の値が使用できる場所で使用できます。

round()”関数の構文

引数は1個以上の数式をコンマ(“,”)で区切って記述します。

hypot(〚数式①〛,〚数式②〛,〚数式③〛, ...)

hypot()”関数は引数をそれぞれ2乗した合計の平方根を値として返します。

引数には数学関数(clamp()”関数max()”関数など)や数式が使用できます。引数は<number>”値<dimension>”値<percentage>”値のいずれでも良いですが、すべての引数が同じ型でなければなりません。

引数のうち少なくとも1個が無限(“∞”もしくは“-∞”)である場合は“hypot()”関数が返す値は“+∞”です。

使用例

1と1の二乗和の平方根(√(12+12))
hypot(1,1)

1と√3の二乗和の平方根(√(12+(√3)2))
hypot(1,sqrt(3))

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告候補(CR) 作業草稿(WD)
hypot()
定義なし

定義なし

定義なし

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク