이미지의 방향을 바르게 지정하는 방법을 제공한다.
카메라를 옆으로 눕힌 상태에서 사진을 촬영하거나 문서가 스캐너 내에 올바르게 배치되지 않은 경우 결과 이미지가 옆으로 또는 거꾸로 나타날 수 있다. 이 속성은 이미지의 방향을 올바르게 지정하기 위해 이미지 소스 데이터에 "out-of band" 회전을 적용하는 방법을 제공한다.
none
값으로 처리한다.from-image | none | [ <angle> || flip ]
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
0~360도 범위의 각도 값을 deg
(도), grad
(그레이드), rad
(라디안), turn
(턴) 단위로 표현한다.
<angle>
데이터 타입은 <number>
타입의 값 다음에 사용 가능한 단위를 붙여 구성한다. 숫자와 단위 사이에 공백은 허용하지 않는다. 0
인 경우에는 단위를 붙이지 않아도 된다.
선택적으로 +
, -
부호를 사용하여 양수와 음수 값을 구분하여 설정할 수 있다. 양수의 경우는 시계 방향, 음수의 경우에는 시계 반대 방향의 회전을 의미한다.
회전 후 이미지가 수평으로 반전된다.
이미지의 방향이 EXIF와 같이 메타 데이터에 지정된 경우 이 값은 이미지의 방향을 올바르게 지정하는데 필요한 메타 데이터가 지정하는 각도로 계산된다. 필요한 경우 이 각도는 반올림되고 정규화된다.
추가 회전이 적용되지 않는다. 이미지가 인코딩된 방향으로 지정된다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
이미지의 방향이 EXIF와 같이 메타 데이터에 지정된 경우 이 값은 이미지의 방향을 올바르게 지정하는데 필요한 메타 데이터가 지정하는 각도로 계산된다. 필요한 경우 이 각도는 반올림되고 정규화된다.
추가 회전이 적용되지 않는다. 이미지가 인코딩된 방향으로 지정된다.
회전 후 이미지가 수평으로 반전된다.
웹브라우저별 지원 여부를 확인할 필요가 있다.
deg 단위를 사용하는 각도 값을 지정한다. 웹브라우저별 지원 여부를 확인할 필요가 있다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Images Module Level 3 | 편집자 초안 | Last review date: 2022-6-3 |