সিএসএস আইডি - CSS Id


এইচটিএমএল ডকুমেন্টের বিভিন্ন এলিমেন্টকে সুনির্দিষ্ট ভাবে স্টাইলিং করার জন্য সিএসএস এর id আত্ত্রিবুতে ব্যবহার করা হয়।


Id আত্ত্রিবুতে

ওয়েব পেজের কোন সুনির্দিষ্ট একটি এইচটিএমএল এলিমেন্টের স্টাইল প্রকাশ করার জন্য id সিলেক্টর ব্যবহার করা হয়। সাধারনভাবে id আত্ত্রিবুতে ব্যবহার করার নিয়মটি হল প্রথমে হ্যাঁস বা " # " চিহ্ন দিয়ে পরে আইডির নাম লিখতে হবে এবং তারপরে তৃতীয় বন্ধনীর মধ্যে স্টাইলের জন্য সিএসএস কোড লিখতে হয়।

নিচে একটি উদাহরণ দেখুন, যেখানে paragraph নামক একটি আইডি যুক্ত p ট্যাগের জন্য সিএসএস স্টাইল কোড দেয়া হল।

উদাহরণ

p#paragraph {
   color     :red;
   text-align:center;
   }


কোড এডিটর


সিএসএস স্টাইল কোডে সিএসএস সিলেক্টর অর্থাৎ id এর সাথে এইচটিএমএল ট্যাগ উল্লেখ না করলেও চলে। যেমন ওপরের উদাহরণে p ট্যাগ উল্লেখ না করলেও হবে। নিচে এর উদাহরণ দেখুন।

উদাহরণ

#paragraph {
   color     :red;
   text-align:center;
   }


কোড এডিটর


নোট - আইডি নাম কখনও কোন সংখ্যা (Number) দিয়ে শুরু করবেন না, কারন তা ফায়ারফক্স (Fairfox) এ সমর্থন বা support করে না।


একাধিক আইডি ব্যবহার

কোন একটি এইচটিএমএল এলিমেন্টে একাধিক id ব্যবহার করা যায়। প্রতিটি id এর নাম আলাদা করার জন্য id নাম গুলোর মাঝে একটি ফাঁকা স্থান বা space দেয়া হয়।

নিচে একটি উদাহরণ দেখুন, যেখানে একটি এইচটিএমএল p ট্যাগে one এবং two নামে দুইটি ভিন্ন নামের আইডি যুক্ত স্টাইল কোড প্রযোজ্য হয়েছে।

উদাহরণ

<head>
<style>
#one {
   color     : red;
   text-align: center;
   }
#two {
   font-size      : 16px;
   text-decoration: bold;
   }
</style>
</head>
<body>

 <p id="one two">This is a paragraph working with two diffrent style code.</p>

</body>


কোড এডিটর