CSS-এ <style> এলিমেন্ট ব্যবহার করে কাজ করা

HTML ডকুমেন্টে CSS নিয়ম সংযুক্ত করার জন্য <style> এলিমেন্ট ব্যবহার করা হয়। এটি <head>...</head> ট্যাগের মধ্যে রাখা হয়। এই সিনট্যাক্স দিয়ে নির্ধারিত নিয়মগুলি ডকুমেন্টের সকল এলিমেন্টে প্রয়োগ হয়।

উদাহরণ

নিচে <style> এলিমেন্ট ব্যবহার করে Embedded CSS-এর একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html>
  <head>
    <style media="all">
      body {
        background-color: linen;
      }
      h1 {
        color: maroon;
        margin-left: 40px;
      }
    </style>
  </head>
  <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

টিপস: media attribute দিয়ে আপনি নির্দিষ্ট করতে পারেন স্টাইলটি কোন ডিভাইসের জন্য (যেমন: screen, print, all)।