CSS Types

CSS Types

Editing

<'image-rendering'>

데브딕에서 지정한 색인용 자료 타입

image-rendering 속성에 사용되는 타입이다.

구문

  • CSS Images Module Level 3
    auto | smooth | high-quality | pixelated | crisp-edges

사용되는 키워드

키워드요약
auto

스케일링 알고리즘은 User-Agent 에 따라 다르게 적용될 수 있다.

crisp-edges

이미지는 대비와 가장자리를 유지하고 색상을 부드럽게 하거나 프로세스에서 이미지에 흐림을 유발하지 않는 방식으로 크기가 조정된다.

high-quality

smooth와 동일하지만 고품질 스케일링으로 처리한다. 시스템 리소스가 제한된 경우 품질을 어느 정도 저하시킬지 고려할 때 다른 값보다 높은 품질의 이미지가 우선된다.

pixelated

이미지는 가능한 원본의 픽셀화된 특성을 유지하지만 필요한 경우 어색한 왜곡 대신 약간의 smooth을 허용하는 방식으로 크기가 조정된다.

smooth

이미지의 모양을 최대화하는 알고리즘으로 이미지의 크기를 조정한다. 특히 쌍선형 보간과 같이 색을 부드럽게하는 스케일링 알고리즘이 허용된다.

버전 명세

Modules
Module NameStatusSummary
CSS Images Module Level 3편집자 초안

Last review date: 2022-6-3