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

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

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

sin()”関数

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

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

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

sin(〚角度〛)

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

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

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

引数が“0-”である場合、“sin()”関数が返す値は“0-”です。

使用例

0°の正弦
sin(0)
sin(0rad)
sin(0deg)
sin(0turn)

45°の正弦
sin(0.785)
sin(0.785rad)
sin(45deg)
sin(0.125turn)

180°の正弦
sin(3.142)
sin(3.142rad)
sin(180deg)
sin(0.5turn)

仕様書

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

定義なし

定義なし

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