CSS Types

CSS Types

〈angle〉

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

설명

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

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

사용되는 단위

단위요약
deg

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

grad

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

rad

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

turn

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

관련 함수들

예제

단위는 다르지만 모두 동일한 회전을 한다.

버전 명세

Modules
Module NameStatusSummary
CSS Values and Units Module Level 5

Last review date: 2022-5-28

지원 웹브라우저