CSS 스타일 시트에 대한 미디어 종속성을 지정하는 방법

다음은 스타일 시트에 대한 미디어 종속성을 지정하는 두 가지 방법입니다.

• @media 또는 @import 규칙을 사용하여 스타일 시트에서 대상 매체를 지정합니다.
• 문서 언어 내에서 대상 매체를 지정합니다.

예시

@media 규칙의 예를 살펴보겠습니다. −

<style>
   <!--
      @media print {
         body { font-size: 10pt }
      }

      @media screen {
         body { font-size: 12pt }
      }

      @media screen, print {
         body { line-height: 1.2 }
      }

   -->
</style>