W3C7 메디아(media) 타입들Trio 홈페이지 

목차

7.1 메디아(media) 타입들의 소개

스타일쉬트의 가장 중요한 기능 중의 하나는 문서를, 스크린, 종이 위, 음성 합성장치, 점자(braille) 장치, 등, 다른 메디아에 표현하는 방법을 지정할 수 있다는 것이다.

어떤 CSS 속성들은 일부 메디아 만을 위하여(예: 소리 사용도구들을 위한 'cue-before' 속성) 설계되었다. 다른 메디아 타입들을 위한 스타일쉬트는 때에 따라 속성을 공유할 수 있으나, 그 속성에 따라 다른 값을 필요로 한다. 예를 들어, 'font-size' 속성은 스크린에서나 인쇄 메디아에서 모두 유용하다. 그러나, 이 두 메디아들은 공통된 속성에 다른 값을 요구한다; 전형적으로 문서는 컴퓨터 스크린에서 종이에 인쇄하는 것보다 큰 글자체를 필요로 한다. 경험에 의하면, sans-serif 글꼴는 스크린에서 더 읽기 쉽고, serifs 글꼴는 인쇄된 종이에서 더 읽기 쉽다. 이와 같은 이유에서, 스타일쉬트, 또는 스타일쉬트의 부분이 해당 메디아 타입에 적용되도록 표시할 필요가 있다.

7.2 메디아에 따른(media-dependent) 스타일쉬트들 지정

현재로서는 스타일쉬트의 메디아 의존성(dependency)을 지정하는 데는 두가지 방법이 있다:

@import 명령은 카스케이드(cascade)에 정의되어 있다.

7.2.1 @media 명령

@media 명령은, 일련(대괄호로 구별하는)의 컴마로 분리된 명령들로, 목표 메디아(media) 타입을 지정한다. @media 구조는 같은 스타일쉬트 안에서 여러 메디아를 위한 스타일쉬트 명령을 할 수 있다:

@media print {
 BODY { font-size: 10pt }
}
@media screen {
 BODY { font-size: 12pt }
}
@media screen, print {
 BODY { line-height: 1.2 }
}

7.3 알려진 메디아(media) 타입

CSS 메디아 타입(media type)은 일련의 CSS 속성들을 이름 지운다. 이름으로 메디아 타입을 지원하는 사용도구는 메디아 타입에 적용하는 모든 속성들을 적용하여야 한다.

CSS 메디아 타입을 위하여 선택된 이름(name)은 목표 장치에 그 해당 속성에 합당하게 반영하여야 한다. 다음 CSS 메디아 타입들의 목록에서, 괄호 안의 문장은 지명적이 아니다. 이들은 단지 메디아 타입이 어떤 장치를 의미하는가를 참고하는 정보이다.

all
모든 장치들에 적당하다.
aural
음성 합성 장치(speech synthesizer)를 위한 의도이다. 세부사항은 소리(aural) 스타일쉬트를 참조하라.
braille
점자(braille) 표현 장치들를 위한 의도이다.
embossed
페이지에 인쇄된 점자(braille)를 위한 의도이다.
handheld
전형적으로 작은 스크린, 단색상, 한정된 대역대(bandwidth)의 손에 들고다니는(handheld) 장치들를 위한 의도이다.
print
불투명한 물질에, 페이지에 표현된 것과 인쇄 모드에서 스크린에 사전 보기를 위한 의도이다. 페이지화된 메디아(paged media)를 특정하는 양식화 문제에 대한 정보는 페이지화된 메디아를 참조하라.
projection
프로젝터 표현들, 예를 들어 프로젝터(projector) 또는 투명한 인쇄를 위한 의도이다. 페이지화된 메디아(paged media)를 특정하는 양식화 문제에 대한 정보는 페이지화된 메디아를 참조하라.
screen
일차적으로 컴퓨터 칼라 스크린을 위한 의도이다.
tty
디스플레이 능력이 한정된, 텔렉스(teletype), 터미날, 또는 수동 이동 장치 등, 고정 피치(fixed-pitch:폭이 일정) 글자를 사용하는 메디아를 위한 의도이다. "tty" 메디아 타입에서 제작자는 픽셀(pixel) 단위를 사용하여서는 안된다.
tv
저해상도, 저색상, 스크린의 한정된 스콜링(limited-scrollability), 소리가 있는 테레비젼(television-type) 장치들을 위한 의도이다.

메디아 타입 이름들은 대소분자를 구별한다.

급속히 변하는 기술 때문에, CSS2는, 다른 @media의 값들이 지정될 수 있도록 결정적인 메디아 타입들의 목록을 지정하지는 않았다.

주석. CSS의 향 후 버전들은 아마 이 목록을 수록할 수 있을 것이다. 제작자들은 CSS 규격에 의하여 아직 정의되지 않은 메디아 타입 이름에 의존하지 말아야 한다.

7.3.1 메디아 구룹

각 CSS 속성은, 속성이 규격에 부합하는 사용도구에 의하여 적용되어야 하는, 메디아(media) 타입들을 정의한다 속성들이 일반적으로 여러 메디아에 적용되어야 하는 것은, 각 속성 정의의 "메디아에 적용" 항목의 개별 메디아 타입들보다는, 메디아 구룹에 목록화 하였다. 각 속성은 그 목록화 정의 안에 수록된 메디아 구룹 안의 모든 메디아 타입들에 적용된다.

CSS2는 다음 메디아 구룹을 정의한다:

다음 테이블는 메디아 구룹들과 메디아 타입들사이의 관계를 설명한다:

메디아 구룹(media group)과 메디아 타입(media type)사이의 관계
메디아 타입 메디아 구룹
continuous / paged visible / aural / tactile grid / bitmap interactive / static
aural 소리 continuous aural 없음 둘다
braille 점자 continuous tactile grid 둘다
emboss 각자 paged tactile grid 둘다
handheld 핸드셋 둘다 visible 둘다 둘다
print 프린트 paged visible bitmap static
projection 프로젝터 paged visible bitmap static
screen 스크린 continuous visible bitmap 둘다
tty 텔레타입 continuous visible grid 둘다
tv 테레비 둘다 visible, aural bitmap 둘다

페이지 맨위로맨위Trio 홈페이지 문서()는 자유로이 연결 사용이 가능함.
(수정일 )