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

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

記事Jul.5th,2021
引数の余弦を表すCSSの関数、“cos()”について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

cos()”関数

cos()”関数は引数の余弦を表す三角関数です。

cos()”関数が返す値は常に“-1”以上、“1”以下の<number>”値です。

引数は1個の<number>”値、もしくは<angle>”値です。

cos(〚角度〛)

引数はラジアン角に変換されて値が計算されます。引数には数学関数(clamp()”関数max()”関数など)や数式が使用できます。

角度ごとの“cos()”関数が返す値
,
360°
30° 45° 60°
1 sqrt(3)/2 1/sqrt(2) 1/2
90° 120° 135° 150°
0 -1/2 -1/sqrt(2) -1*sqrt(3)/2
180° 210° 225° 240°
-1 -1*sqrt(3)/2 -1/sqrt(2) -1/2
270° 300° 315° 330°
0 1/2 1/sqrt(2) sqrt(3)/2

引数が無限(“+∞”もしくは“-∞”)である場合、“cos()”関数が返す値は“NaN”です。

使用例

0°の余弦
cos(0)
cos(0rad)
cos(0deg)
cos(0turn)

45°の余弦
cos(0.785)
cos(0.785rad)
cos(45deg)
cos(0.125turn)

180°の余弦
cos(3.142)
cos(3.142rad)
cos(180deg)
cos(0.5turn)

仕様書

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

定義なし

定義なし

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