최신 웹 개발 튜토리얼
 

Source media Property

<소스 개체

특정 파일에 최적화되어 어떤 미디어 / 디바이스 돌아 가기 :

var x = document.getElementById("mySource").media;

X의 결과는 다음과 같습니다

screen and (min-width:320px)
»그것을 자신을 시도

정의 및 사용

매체 특성 세트 또는이 값 리턴 media A의 속성 <source> 요소.

media 속성은 미디어 자원의 종류 (어떤 미디어 / 디바이스 파일이 최적화되어있다)을 지정.

브라우저는 사용할 수있는 media 가 파일을 재생 할 수 있는지 여부를 결정하는 속성을. 그것은, 그것은 선택할 수없는 경우 다운로드 할 수 없습니다.

참고 : <source> 요소는 HTML5의 새로운 기능입니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

미디어 속성은 모든 주요 브라우저에서 지원됩니다.

참고 : media 그러나 속성, 주요 브라우저의에서 지원되지 않습니다.


통사론

미디어 속성을 반환합니다 :

sourceObject .media

미디어의 속성을 설정합니다 :

sourceObject .media= 참고 :이 속성은 여러 값을 받아 들일 수 있습니다.

가능한 연산자

기술
and 는 AND 연산자를 지정합니다
not 해당 없음 연산자를 지정합니다
, 는 OR 연산자를 지정합니다

장치

기술
all 모든 장치에 적합합니다. 이 기본이다
aural 음성 합성기
braille 점자 피드백 디바이스
handheld 핸드 헬드 장치 (small screen, limited bandwidth)
projection 프로젝터
print 인쇄 미리보기 모드 / 인쇄 된 페이지
screen 컴퓨터 화면
tty 고정 피치 문자 격자를 사용하여 유사한 미디어 텔레타이프
tv 텔레비전 유형 장치 (low resolution, limited scroll ability)

기술
width 대상 표시 영역의 폭을 지정합니다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "화면 (min-width:500px) "
height 대상 표시 영역의 높이를 지정합니다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "스크린 (max-height:700px) "
device-width 목표 디스플레이 / 종이의 폭을 지정한다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "화면 (device-width:500px) "
device-height 목표 디스플레이 / 종이의 높이를 지정한다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "스크린 (device-height:500px) "
orientation 목표 디스플레이 / 용지의 방향을 지정한다.
가능한 값 : "portrait" 또는 "landscape"
예 : 미디어 = "모든과 (orientation: landscape) "
aspect-ratio 목표 디스플레이 영역의 폭 / 높이 비율을 지정한다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "화면 (aspect-ratio:16/9) "
device-aspect-ratio 목표 디스플레이 / 종이의 장치 폭 / 소자 높이 비율을 지정한다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "화면 (aspect-ratio:16/9) "
color 목표 디스플레이의 컬러 당 비트를 지정한다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "화면 (color:3) "
color-index 대상 디스플레이가 처리 할 수있는 색상의 수를 지정합니다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "화면 (min-color-index:256) "
monochrome 흑백 프레임 버퍼의 픽셀 당 비트를 지정한다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "화면 (monochrome:2) "
resolution 화소 밀도를 지정 (dpi or dpcm) 타겟 디스플레이 / 종이있다.
"min-""max-" 접두사를 사용할 수 있습니다.
예 : 미디어 = "인쇄 및 (resolution:300dpi) "
scan TV 디스플레이의 스캔 방법을 지정합니다.
가능한 값은 "progressive""interlace" .
예 : 미디어 = "TV 및 (scan:interlace) "
grid 출력 장치는 격자 또는 맵인지를 지정.
가능한 값은 "1" 그리드 및 "0" 그렇지.
예 : 미디어 = "핸드 헬드 (grid:1) "

기술적 세부 사항

반환 값 : 미디어 자원의 들여 쓰기 유형을 나타내는 문자열

관련 페이지

HTML 참조 : HTML <source> 미디어 속성


<소스 개체