CSS-এ সীমানা নিয়ে কাজ করার মূল বিষয়গুলো
এখন আমরা শিখব কিভাবে এলিমেন্টগুলোতে সীমানা যোগ করতে হয়। এটি করা হয় তিনটি বৈশিষ্ট্যের মাধ্যমে:
border-width বৈশিষ্ট্যটি সীমানার পুরুত্ব নির্ধারণ করে,
border-color - রং, এবং border-style
সীমানার প্রকার নির্ধারণ করে।
প্রথম দুটি বৈশিষ্ট্য সুস্পষ্টভাবে কাজ করে:
border-color বৈশিষ্ট্যটি color বৈশিষ্ট্যের মতো
একই ফরম্যাটে রং গ্রহণ করে,
এবং সীমানার পুরুত্ব পিক্সেলে নির্দিষ্ট করা হয়। কিন্তু
border-style বৈশিষ্ট্যটি কীওয়ার্ড আকারে মান গ্রহণ করে।
উদাহরণস্বরূপ, solid মান একটি অবিচ্ছিন্ন রেখা নির্দেশ করে।
আসুন, উদাহরণস্বরূপ, 3 পিক্সেল পুরুত্ব,
অবিচ্ছিন্ন রেখা আকারে, লাল রঙের একটি সীমানা তৈরি করি:
<div id="elem"></div>
#elem {
border-width: 3px; /* 3px পুরুত্ব */
border-style: solid; /* রেখা আকারে */
border-color: red; /* লাল রং */
width: 300px;
height: 100px;
}
:
পরের পাঠগুলোতে আমরা সীমানা নিয়ে কাজ আরও বিশদভাবে দেখব।
