CSS Types

CSS Types

Editing

<media-query>

콘텐츠가 사용 중인 장치에 대해 CSS 적용 여부를 판단하기 위한 구문을 나타낸다.

구문

  • Media Queries Level 4
    <media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?

사용되는 키워드

키워드요약
and

and 앞의 조건과 뒤의 조건의 평가가 모두 true이어야 한다.

or

or 앞의 조건과 뒤의 조건의 평가 결과가 하나 이상 true이어야 한다.

not

미디어 쿼리(media query)의 결과를 부정한다. 즉 true로 평가되는 경우에 false로 다시 평가한다. 그 반대의 경우도 마찬가지이다.

only

초기의 미디어 쿼리는 미디어의 유형만 정의했기에 현재의 호환성을 위해서 존재한다. 미디어 유형에서만 접두어로 사용이 가능한다. 

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
Media Queries Level 4편집자 초안

미디어 쿼리, 미디어 유형, 미디어 기능의 메커니즘과 구문을 설명한다.


Last review date: 2022-6-6