“ফ্রী বাংলা টিউটোরিয়াল” এর CSS
সম্পর্কিত টিউটোরিয়াল আশা করি আপনাদের CSS শিখতে খুব সাহায্য করছে।
বন্ধুরা, আজ আমরা CSS এর list এবং table নিয়ে সংক্ষিপ্ত আলোচনা করবো। HTML
এর লিস্ট দুই ধরণের হয় তা আমরা জানি যে type attribute এর মাধ্যমে
ordered list কে 1, 2, 3… বা a, b, c.. অথবা i, ii, iii… এই ধরণের লিস্ট
তৈরি করা যায়।
আবার unordered list এর বিভিন্ন ধরণ যেমন বৃত্ত, বর্গ বা ভরাট বৃত্ত সংবলিত লিস্ট করা যায়। CSS এর list property দ্বারা আপনি লিস্ট মার্কার স্থাপন, মার্কারের মাঝে ভিন্নতা কিংবা একটি ইমেজকে মার্কার হিসেবে সেট করতে পারি। নিচের কোড দেখিঃ
আবার unordered list এর বিভিন্ন ধরণ যেমন বৃত্ত, বর্গ বা ভরাট বৃত্ত সংবলিত লিস্ট করা যায়। CSS এর list property দ্বারা আপনি লিস্ট মার্কার স্থাপন, মার্কারের মাঝে ভিন্নতা কিংবা একটি ইমেজকে মার্কার হিসেবে সেট করতে পারি। নিচের কোড দেখিঃ

আর CSS Table property আসলে কিছুই করেনা বরং একটি টেবিল এর layout ঠিক করে
দেয়। layout ঠিক করে দেওয়ার জন্য Border-collapse, border-spacing,
caption-side আর table-layout properties। যেমন টেবিলের ক্যাপশন কোন পাশে
হবে উপরে, নিচে না কোন দিকে। তা নিচের কোডে দেখিঃ
tag এর একটি চাইল্ড উপাদান। এই কোড এর
জন্য টেবিলের ক্যাপশনটি নিচে থাকবে। আবার টেবিলের border টি একটি single
border এর মধ্যে গুটিয়ে যাবে নাকি পৃথক হবে তা যথাক্রমে collapse ও
separate value দিয়ে মন মতো করে নিতে হয়।
1
2
3
4
|
table
{
border-collapse: separate;
}
|
আর টেবিলের সেল গুলোর মধ্যকার দূরত্ব নির্ধারণের জন্য border-spacing
property. আজ এপর্যন্তই এগুলো practice করতে থাকুন। ধন্যবাদ পাঠক বন্ধুরা।
একটি মন্তব্য পোস্ট করুন Blogger Facebook
fuck
ass
suck
dick