Functions

Editing

tan(<arg-trigonometric>)

탄젠트(tangent)를 계산하는 삼각 함수이다.

설명

tan() 함수는 -∞에서 +∞ 사이의 값을 반환한다.

매개 변수

삼각 함수 cos(), sin(), tan()의 매개 변수 타입을 나타낸다.

  • CSS Values and Units Module Level 4
    <angle> | <number>
    cos(45deg)
    sin(45deg)
    tan(45deg)
    cos(0.125turn)
    sin(0.125turn)
    tan(0.125turn)
    cos(calc(3.14159 / 4))
    sin(calc(3.14159 / 4))
    tan(calc(3.14159 / 4))
Details

포함된 타입

  • <angle>

    0~360도 범위의 각도 값을 deg(도), grad(그레이드), rad(라디안), turn(턴) 단위로 표현한다.

    <angle> 데이터 타입은 <number> 타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0인 경우에는 단위를 붙이지 않아도 된다.

    선택적으로 +, - 부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.

    Details

    사용되는 단위

    아래의 모든 단위를 사용할 수 있는지 확인해야 할 수도 있다.

    • deg

      보통 1도라고 불리는 단위를 말하며 360deg가 완전한 원을 만든다.

    • grad

      400grad(그라디안)은 완전한 원을 만든다.

    • rad

      2π(라디안)이 완전한 원을 만든다.

    • turn

      1turn(턴)이 완전한 원을 만든다.

    관련 함수

    모든 함수를 표시하지 않을 수도 있다.

  • <number>

    정수 또는 실수를 표현한다.

예제

각도에 따라 삼각함수를 이용한 동적 직각 삼각형 생성

기술 문서

삼각법

기준 길이를 B라고 할 경우 θ(각도)에 따라 다음과 같이 각 변의 길이를 삼각법에 따라 유추할 수 있다.

A = sin(θ) * B
H = tan(θ) * B
O = tan(θ) * A

 

버전 명세

Modules
Module NameStatusSummary
CSS Values and Units Module Level 4초안 작업

CSS 속성이 허용하는 공통 값, 단위와 CSS 속성 정의에서 이를 설명하는 데 사용되는 구문을 설명한다.


Last review date: 2022-5-28

지원 웹브라우저