स्टाइल शीट्स के लिए मीडिया डिपेंडेंसीज निर्दिष्ट करने के दो तरीके हैं:
- @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>
व्याख्या: @media नियम आपको एक ही स्टाइलशीट में अलग-अलग मीडिया टाइप्स के लिए अलग-अलग स्टाइल्स परिभाषित करने की अनुमति देता है। यहां प्रिंट के लिए 10pt, स्क्रीन के लिए 12pt फॉन्ट साइज, और दोनों के लिए 1.2 लाइन-हाइट सेट की गई है।
