CSS Types

CSS Types

Editing

<resolution>

출력 장치의 해상도를 나타낸다.

설명

<resolution> 타입은 얼마의 점(pixel)들로 크기를 가지는지 <number> 타입의 양수 값에 허용된 단위를 공백없이 붙여 작성한다.

구문

  • CSS Values and Units Module Level 4
    @media print and (min-resolution: 500dpi) { }

    이 구문은 미디어 쿼리에(media query)에서 값을 사용하는 예를 나타낸다. 500dpi 값을 <resolution>으로 지정 했다. 그 밖에 <resolution> 값이 필요한 경우에는 아래 형식처럼 작성할 수 있다.

    72dpi
    40.45dpcm
    10dppx

     

사용되는 단위

단위요약
dpcm

1cm당 점(dot)의 수를 나타낸다.

dpi

1in당 점(dot)의 수를 나타낸다.

dppx

1픽셀(pixel)당 점(dot)의 수를 나타낸다.

버전 명세

Modules
Module NameStatusSummary
CSS Values and Units Module Level 3편집자 초안

Last review date: 2022-6-4