HTML 스타일의 미디어 속성
예
두 개의 서로 다른 스타일 시트의 미디어 (인쇄 및 화면)의 두 가지 유형의 경우 :
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
»시도
브라우저 지원
모든 주요 브라우저는 미디어의 속성을 지원합니다.
정의 및 사용
미디어 속성은 최적화 된 어떤 매체 / 대한 현재 자원을 지정합니다.
이 속성은 주로 다른 매체 유형의 CSS 스타일 시트에 대한 소정의 다른 스타일에 사용된다.
팁 :이 속성은 여러 값을 받아 들일 수 있습니다.
HTML 4.01과 HTML5의 차이점
없음.
문법
가능한 연산자
| 값 | 기술 |
|---|---|
| 과 | 규정 및 연산자입니다. |
| 아니 | 제공 NOT 연산자. |
| , | 제공 OR 연산자입니다. |
장비
| 값 | 기술 |
|---|---|
| 모든 | 기본. 모든 장치에 적응. |
| 귀의 | 음성 합성기. |
| 점자 | 점자 피드백 장치와 블라인드. |
| 핸드 헬드 | 핸드 헬드 장치 (작은 화면, 제한된 대역폭). |
| 투사 | 영사기. |
| 인쇄 | 인쇄 미리보기 모드 / 인쇄 된 페이지. |
| 화면 | 컴퓨터 화면 (기본값). |
| 청각 장애 | 텔레타이프 및 고정 폭 문자 격자를 사용하여 유사한 미디어. |
| TV | 텔레비전 유형 장치 (낮은 해상도, 제한된 스크린 롤 기능). |
값
| 값 | 기술 |
|---|---|
| 폭 | 영역의 소정의 목표 디스플레이 폭. 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린과 (최소 폭 : 500 픽셀)" |
| 신장 | 디스플레이 영역의 소정의 목표 높이. 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린 (최대 높이 : 700 픽셀)" |
| 장치 폭 | 대상 디스플레이 / 용지 폭의 규정을 준수해야합니다. 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린과 (장치 폭 : 500 픽셀)" |
| 장치 높이 | 대상 디스플레이 / 용지 높이의 규정을 준수해야합니다. 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린과 (장치 높이 : 500 픽셀)" |
| 방향 | 대상 디스플레이 / 종이 방향의 규정을 준수해야합니다. 가능한 값 : "세로"또는 "풍경" 예 : 미디어 = "모든과 (방향 : 가로)" |
| 종횡비 | 지역의 소정의 목표 디스플레이 너비 / 높이 비율 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린 (가로 세로 비율 : 16/9)" |
| 장치 종횡비 | 대상 디스플레이 / 종이 장치 폭 / 장치 - 높이 비율의 규정 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린 (가로 세로 비율 : 16/9)" |
| 색 | 비트 지정된 대상 디스플레이 / 색상 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린과 (색상 : 3)" |
| 색상 색인 | 컬러 목표 디스플레이의 소정 개수는 처리 할 수있다. 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린과 (분 컬러 인덱스 : 256)" |
| 흑백의 | 규정은 비트 / 픽셀의 프레임 버퍼를 흑백. 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "스크린과 (흑백 : 2)" |
| 해결 | 대상 디스플레이 / 논문 수 (dpi 또는 DPCM)의 픽셀 밀도의 규정을 준수해야합니다. 당신은 "min-"와 "된 Max"접두사를 사용할 수 있습니다. 예 : 미디어 = "인쇄 및 (해상도 : 300DPI)" |
| 주사 | 소정의 주사 TV 디스플레이. 가능한 값 : "진보"와 "인터레이스". 예 : 미디어 = "TV와 (스캔 : 인터레이스)"을 |
| 그리드 | 소정의 출력 장치는 격자 또는 맵이다. 가능한 값 : "1"그리드, 그렇지 않으면 "0" 예 : 미디어 = "핸드 헬드 및 (그리드 : 1)" |
HTML <스타일> 태그