Jassif Team Institution

HTML টেবিলের সীমানা

HTML টেবিলের বিভিন্ন শৈলী এবং বিন্যাসের সীমানা থাকতে পারে।

কিভাবে বর্ডার যোগ করবেন

একটি বর্ডার যোগ করতে, টেবিল, থ এবং টিডি উপাদানগুলিতে CSS সীমানা বৈশিষ্ট্য ব্যবহার করুন:

table, th, td {
  border: 1px solid black;
}

ভাঁজ করা টেবিলের সীমানা

উপরের উদাহরণের মতো ডবল বর্ডার এড়াতে, CSS বর্ডার-কলেপস প্রপার্টিটি ভেঙে ফেলার জন্য সেট করুন।

এটি সীমানাগুলিকে একটি একক সীমানায় ভেঙে ফেলবে:

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

স্টাইলিং টেবিল সীমানা

আপনি যদি প্রতিটি ঘরের পটভূমির রঙ সেট করেন এবং সীমানাটিকে একটি সাদা রঙ দেন (ঠিক নথির পটভূমির মতো), আপনি একটি অদৃশ্য সীমানার অনুভূতি পাবেন:

table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}
th, td {
  background-color: #96D4D4;
}

বৃত্তাকার টেবিলের সীমানা

সীমানা-ব্যাসার্ধ বৈশিষ্ট্য সহ, সীমানাগুলি বৃত্তাকার কোণগুলি পায়:

table, th, td {
  border: 1px solid black;
  border-radius: 10px;
}

CSS সিলেক্টরে টেবিল রেখে টেবিলের চারপাশের সীমানা এড়িয়ে চলুন:

th, td {
  border: 1px solid black;
  border-radius: 10px;
}

পয়েন্ট টেবিলের সীমানা

বর্ডার-স্টাইল অ্যাট্রিবিউট দিয়ে, আপনি বর্ডারের চেহারা সেট করতে পারেন।

নিম্নলিখিত মান অনুমোদিত:

• dotted
• dashed
• solid
• double
• groove
• ridge
• inset
• outset
• none
• hidden

th, td {
  border-style: dotted;
}

সীমানা রঙ

বর্ডার-কালার অ্যাট্রিবিউট দিয়ে, আপনি বর্ডারের রঙ সেট করতে পারেন।

th, td {
  border-color: #96D4D4;
}

অনুশীলন করুন