CSS-এ সীমানা নিয়ে কাজ করার মূল বিষয়গুলো

এখন আমরা শিখব কিভাবে এলিমেন্টগুলোতে সীমানা যোগ করতে হয়। এটি করা হয় তিনটি বৈশিষ্ট্যের মাধ্যমে: border-width বৈশিষ্ট্যটি সীমানার পুরুত্ব নির্ধারণ করে, border-color - রং, এবং border-style সীমানার প্রকার নির্ধারণ করে।

প্রথম দুটি বৈশিষ্ট্য সুস্পষ্টভাবে কাজ করে: border-color বৈশিষ্ট্যটি color বৈশিষ্ট্যের মতো একই ফরম্যাটে রং গ্রহণ করে, এবং সীমানার পুরুত্ব পিক্সেলে নির্দিষ্ট করা হয়। কিন্তু border-style বৈশিষ্ট্যটি কীওয়ার্ড আকারে মান গ্রহণ করে। উদাহরণস্বরূপ, solid মান একটি অবিচ্ছিন্ন রেখা নির্দেশ করে।

আসুন, উদাহরণস্বরূপ, 3 পিক্সেল পুরুত্ব, অবিচ্ছিন্ন রেখা আকারে, লাল রঙের একটি সীমানা তৈরি করি:

html<div id="elem"></div>

css#elem {
  border-width: 3px;    /* 3px পুরুত্ব */
  border-style: solid;  /* রেখা আকারে */
  border-color: red;    /* লাল রং */
  width: 300px;
  height: 100px;
}

Результат:

পরের পাঠগুলোতে আমরা সীমানা নিয়ে কাজ আরও বিশদভাবে দেখব।