CSS @media rule

The @media rule specifies the target media types (separated by commas) of a set of rules.

Example

Let us see an example of @media rule −

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

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

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

   -->
</style>

Samual Sam

Published on 27-Apr-2018 13:11:37

• Related Questions & Answers
• CSS @page rule
• CSS media types
• Paged Media in CSS
• Aural Media with CSS
• Aural Media CSS Properties
• Usage of CSS !important rule
• Usage of CSS @import: rule
• Usage of CSS @charset rule
• Animate CSS column-rule property
• Usage of @import Rule for CSS
• Usage of CSS @font-face rule
• Animate CSS column-rule-color property
• CSS rest Speech Media property
• Different Media Types in CSS
• CSS voice-volume Speech Media property