Latest web development tutorials

CSS 미디어 유형

미디어 유형은 문서가 다른 미디어에 표시되는 방법을 지정할 수 있습니다. 이 파일 등 다양한 화면 방법, 종이, 또는 청각 브라우저에 표시 될 수있는

미디어 유형

일부 CSS 속성은 미디어의 일부를 설계되어 있습니다. 예 : "음성 가족"속성은 청각 사용자 에이전트를 위해 설계되었습니다. 다른 성질은 다른 매체 유형에 사용될 수있다. 예를 들어, "글꼴 크기"속성은 화면 및 인쇄 매체에 사용하지만, 다른 값을 가질 수 있습니다. 글꼴은 화면에 읽기에 더 적합 크리스마스, 할로윈 글꼴이 종이에 쉽게 읽을 수있는 동안 - 화면과 종이 파일에 일반적으로 산세, 더 큰 글꼴을 필요로 다릅니다.

@media 규칙

@media 규칙은 다른 매체에 동일한 스타일 시트는 다른 스타일을 설정할 수 있습니다.

다음 예에서 브라우저 화면에 14 픽셀 굴림 글꼴 스타일을 표시하는 우리에게 알려줍니다. 그러나 인쇄 된 페이지가 10 픽셀 타임즈 글꼴이 될 경우. 글꼴 무게 종이와 굵은 글씨로 화면 설정에 유의하시기 바랍니다 : 

<html>
<head>
<style>
@media screen
{
	p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
	p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
	p.test {font-weight:bold;}
}
</style>
</head>

<body>
....
</body>
</html>

당신은, 당신은 "미디어 유형은"다른 텍스트 크기 작은 포인트 글꼴 아닌 다른 디스플레이를 사용, 볼 모질라 / 파이어 폭스 또는 IE5 + 인쇄이 페이지를 사용하는 경우당신은! 그것을 자신을 시도하고 볼 수 있습니다.

다른 미디어 유형

참고 : 미디어 유형 이름은 대소 문자를 구분하지 않습니다.

미디어 유형 기술
모든 모든 미디어 장치하십시오.
귀의 음성 및 음성 합성하십시오.
점자 시각 장애인 점자에 대한 촉각 피드백 장치와 함께.
양각 페이징 점자 프린터 용 블라인드.
핸드 헬드 핸드 헬드 장치 작은하십시오.
인쇄 프린터하십시오.
투사 같은 슬라이드 등의 표시를위한 프로그램.
화면 컴퓨터 모니터하십시오.
청각 장애 이러한 텔레타이프 및 터미널 등의 문자 밀도 매체의 고정 격자를 사용하십시오.
TV 장치의 TV 유형.