কম্পিউটার টিউটোরিয়াল

CSS স্টাইলশিটের জন্য মিডিয়া ডিপেন্ডেন্সি নির্দিষ্ট করুন

স্টাইলশিটের জন্য মিডিয়া ডিপেন্ডেন্সি নির্দিষ্ট করার দুটি উপায় রয়েছে:

  • স্টাইলশিটের মধ্যে @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>
  1. CSS দিয়ে HR এলিমেন্ট স্টাইল করার পদ্ধতি

  2. CSS দিয়ে লেবেল স্টাইল করার পদ্ধতি

  3. CSS দিয়ে হেডার (Header) স্টাইল করা

  4. CSS Media Query দিয়ে কমন ডিভাইস ব্রেকপয়েন্ট (Breakpoints) ব্যবহার করা