Properties

Properties

Editing
  • account_tree
  • bug_report

rotate

rotate() 함수를 독립적인 속성으로 지정한다.

사용 가능한 값 타입

<'rotate'>

DEVDIC-Specified Data Types

rotate 속성에 사용되는 타입이다.

  • CSS Transforms Module Level 2
    none | <angle> | [||| <number>{3} ] && <angle>

    <number> 타입의 3개의  x, y, z 값은 01사이의 회전축을 나타내는 벡터(vector)의 좌표를 의미한다.

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <angle>

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

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

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

    Details

    사용되는 단위

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

    • deg

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

    • grad

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

    • rad

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

    • turn

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

    관련 함수

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

  • <number>

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

공통적으로 사용되는 값

다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • none

    어떠한 값도 설정하지 않음을 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'rotate'〉none
    CSS Transforms Module Level 2

    설정하지 않는다.

구문

  • rotate: 45deg;
    CSS Transforms Module Level 2
    Example
  • rotate: x 45deg;
    CSS Transforms Module Level 2
    Example
  • rotate: y 45deg;
    CSS Transforms Module Level 2
    Example
  • rotate: 0.5 1 1 45deg;
    CSS Transforms Module Level 2
    Example

버전 명세

Modules
Module NameStatusSummary
CSS Transforms Module Level 2초안 작업

Last review date: 2022-11-14

지원 웹브라우저