CSS <angle> 자료형: 각도

CSS <angle> 자료형은 각도를 도(°), 그레이드, 라디안, 회전수로 표현합니다. <angle>은 <gradient>와 일부 transform 함수 등에서 사용됩니다.

구문

<angle> 자료형은 <number>와 그 뒤의 단위로 구성됩니다. 수와 단위 리터럴 사이에 공백이 있어선 안됩니다. 수가 0일 땐 단위를 붙이지 않아도 됩니다.

선택적으로 +와 - 부호를 앞에 붙일 수 있습니다. 양의 수는 시계방향 각도, 음의 수는 반시계방향 각도입니다. 정적 값에서는 여러 값이 동일한 결과를 낳을 수 있습니다. 예를 들어 90deg는 -270deg와 같고, 1turn은 4turn과 같습니다. animation이나 transition처럼 동적 값에서는 결과가 달라집니다.

단위

deg

도(°) 단위입니다. 한 바퀴는 360deg입니다.

grad

그레이드 단위입니다. 한 바퀴는 400grad입니다.

rad

라디안 단위입니다. 한 바퀴는 2π 라디안으로 대략 6.2832rad입니다. 1rad는 180/π°입니다.

turn

회전의 수입니다. 한 바퀴는 1turn입니다.

명세

• CSS Values and Units Module Level 4

브라우저 호환성