স্টাইলশিটের জন্য মিডিয়া ডিপেন্ডেন্সি নির্দিষ্ট করার দুটি উপায় রয়েছে:
- স্টাইলশিটের মধ্যে @media বা @import at-rules দিয়ে টার্গেট মিডিয়াম নির্দিষ্ট করুন।
- ডকুমেন্ট ল্যাঙ্গুয়েজের মধ্যে টার্গেট মিডিয়াম নির্দিষ্ট করুন।
উদাহরণ
@media রুলের একটি উদাহরণ দেখি:
<style>
<!--
@media print {
body { font-size: 10pt }
}
@media screen {
body { font-size: 12pt }
}
@media screen, print {
body { line-height: 1.2 }
}
-->
</style>