বিশ্বের সবচেয়ে বড় বাংলা ওয়েব ডেভেলোপার সাইট
HTML টেবিলে বিভিন্ন ধরণের বর্ডার (সীমারেখা) দেওয়া যায়। এই বর্ডারের স্টাইল ও আকার আপনি নিজের মতো করে সাজাতে পারবেন।
টেবিলে বর্ডার দিতে হলে CSS-এর border প্রোপার্টি ব্যবহার করতে হয়। সাধারণত table, th, এবং td-তে বর্ডার দেওয়া হয়।
যদি বর্ডারগুলো একটার উপরে আরেকটা পড়ে ডাবল লাইন হয়ে যায়, তাহলে border-collapse: collapse; ব্যবহার করুন। এতে করে সব বর্ডার একসাথে মিলিত হয়ে একটাই লাইন দেখাবে।
যদি প্রতিটি সেলের ব্যাকগ্রাউন্ডে রঙ দেন এবং বর্ডারের রঙ ডকুমেন্টের ব্যাকগ্রাউন্ডের মতো করে দেন (যেমন সাদা), তাহলে মনে হবে বর্ডার নেই, কিন্তু আসলে আছে।
border-radius প্রোপার্টি ব্যবহার করে বর্ডারের কোণ গোল করে দিতে পারেন।
যদি শুধু সেলগুলোর চারপাশে গোল বর্ডার চান, তাহলে table বাদ দিয়ে শুধু th, td সিলেক্টর ব্যবহার করুন:
border-styleপ্রোপার্টি দিয়ে বর্ডারের ধরন পরিবর্তন করা যায়। সম্ভাব্য মানগুলো হলো:
border-color প্রোপার্টি দিয়ে বর্ডারের রঙ পরিবর্তন করা যায়।
border → বর্ডারের পুরুত্ব, ধরন, রঙborder-collapse → দ্বৈত বর্ডার মিলিয়ে এক করাborder-radius → কোণ গোল করাborder-style → বর্ডারের ধরন ঠিক করাborder-color → বর্ডারের রঙ ঠিক করা