| 7 메디아(media) 타입들 | |
| 이전순서 | 다음순서 | 목차 | 속성들 | 색인 | 원문 |
스타일쉬트의 가장 중요한 기능 중의 하나는 문서를, 스크린, 종이 위, 음성 합성장치, 점자(braille) 장치, 등, 다른 메디아에 표현하는 방법을 지정할 수 있다는 것이다.
어떤 CSS 속성들은 일부 메디아 만을 위하여(예: 소리 사용도구들을 위한 'cue-before' 속성) 설계되었다. 다른 메디아 타입들을 위한 스타일쉬트는 때에 따라 속성을 공유할 수 있으나, 그 속성에 따라 다른 값을 필요로 한다. 예를 들어, 'font-size' 속성은 스크린에서나 인쇄 메디아에서 모두 유용하다. 그러나, 이 두 메디아들은 공통된 속성에 다른 값을 요구한다; 전형적으로 문서는 컴퓨터 스크린에서 종이에 인쇄하는 것보다 큰 글자체를 필요로 한다. 경험에 의하면, sans-serif 글꼴는 스크린에서 더 읽기 쉽고, serifs 글꼴는 인쇄된 종이에서 더 읽기 쉽다. 이와 같은 이유에서, 스타일쉬트, 또는 스타일쉬트의 부분이 해당 메디아 타입에 적용되도록 표시할 필요가 있다.
현재로서는 스타일쉬트의 메디아 의존성(dependency)을 지정하는 데는 두가지 방법이 있다:
@import url("loudvoice.css") aural;
@media print { /* 인쇄를 위한 스타일쉬트가 이곳에 위치한다. */ }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<TITLE>목표 메디아에 연결(medium은 media의 단수)</TITLE>
<LINK rel="stylesheet" type="text/css" media="print, handheld" href="foo.css">
</HEAD>
<BODY>
<P>본체 부분...
</BODY>
</HTML>
@import 명령은 카스케이드(cascade)에 정의되어 있다.
@media 명령은, 일련(대괄호로 구별하는)의 컴마로 분리된 명령들로, 목표 메디아(media) 타입을 지정한다. @media 구조는 같은 스타일쉬트 안에서 여러 메디아를 위한 스타일쉬트 명령을 할 수 있다:
@media print {
BODY { font-size: 10pt }
}
@media screen {
BODY { font-size: 12pt }
}
@media screen, print {
BODY { line-height: 1.2 }
}
CSS 메디아 타입(media type)은 일련의 CSS 속성들을 이름 지운다. 이름으로 메디아 타입을 지원하는 사용도구는 메디아 타입에 적용하는 모든 속성들을 적용하여야 한다.
CSS 메디아 타입을 위하여 선택된 이름(name)은 목표 장치에 그 해당 속성에 합당하게 반영하여야 한다. 다음 CSS 메디아 타입들의 목록에서, 괄호 안의 문장은 지명적이 아니다. 이들은 단지 메디아 타입이 어떤 장치를 의미하는가를 참고하는 정보이다.
메디아 타입 이름들은 대소분자를 구별한다.
급속히 변하는 기술 때문에, CSS2는, 다른 @media의 값들이 지정될 수 있도록 결정적인 메디아 타입들의 목록을 지정하지는 않았다.
주석. CSS의 향 후 버전들은 아마 이 목록을 수록할 수 있을 것이다. 제작자들은 CSS 규격에 의하여 아직 정의되지 않은 메디아 타입 이름에 의존하지 말아야 한다.
각 CSS 속성은, 속성이 규격에 부합하는 사용도구에 의하여 적용되어야 하는, 메디아(media) 타입들을 정의한다 속성들이 일반적으로 여러 메디아에 적용되어야 하는 것은, 각 속성 정의의 "메디아에 적용" 항목의 개별 메디아 타입들보다는, 메디아 구룹에 목록화 하였다. 각 속성은 그 목록화 정의 안에 수록된 메디아 구룹 안의 모든 메디아 타입들에 적용된다.
CSS2는 다음 메디아 구룹을 정의한다:
다음 테이블는 메디아 구룹들과 메디아 타입들사이의 관계를 설명한다:
| 메디아 타입 | 메디아 구룹 | ||||
|---|---|---|---|---|---|
| continuous / paged | visible / aural / tactile | grid / bitmap | interactive / static | ||
| aural | 소리 | continuous | aural | 없음 | 둘다 |
| braille | 점자 | continuous | tactile | grid | 둘다 |
| emboss | 각자 | paged | tactile | grid | 둘다 |
| handheld | 핸드셋 | 둘다 | visible | 둘다 | 둘다 |
| 프린트 | paged | visible | bitmap | static | |
| projection | 프로젝터 | paged | visible | bitmap | static |
| screen | 스크린 | continuous | visible | bitmap | 둘다 |
| tty | 텔레타입 | continuous | visible | grid | 둘다 |
| tv | 테레비 | 둘다 | visible, aural | bitmap | 둘다 |
| 이전순서 | 다음순서 | 목차 | 속성들 | 색인 | 원문 |
맨위이 문서()는 자유로이 연결 사용이 가능함.
(수정일 )