ফর্ম্যাটিং তালিকা এবং টেবিল আপনার ওয়েবসাইটে তথ্য প্রদর্শনের একটি অপরিহার্য অংশ। CSS আপনার পছন্দ অনুযায়ী তালিকা এবং টেবিল তৈরি এবং কাস্টমাইজ করার জন্য বৈশিষ্ট্য এবং ক্লাস প্রদান করে। সিএসএস-এ তালিকা এবং টেবিলগুলি কীভাবে ফর্ম্যাট করতে হয় সে সম্পর্কে এখানে একটি বিশদ নির্দেশিকা রয়েছে।
ফরম্যাটিং তালিকা
অবিন্যস্ত তালিকা(উল)
প্রধান সম্পত্তি: তালিকা-শৈলী-টাইপ।
মান none, disc, circle, square
:।
উদাহরণ:
অর্ডার করা তালিকা(ol)
প্রধান সম্পত্তি: তালিকা-শৈলী-টাইপ।
মান: কিছুই নয়(ডিফল্ট), দশমিক, নিম্ন-আলফা, উচ্চ-আলফা, নিম্ন-রোমান, উচ্চ-রোমান।
উদাহরণ:
সংজ্ঞা তালিকা(dl)
প্রধান সম্পত্তি: সংজ্ঞা তালিকা ফর্ম্যাট করার জন্য কোন নির্দিষ্ট CSS সম্পত্তি নেই। যাইহোক, আপনি ক্লাস বা অন্যান্য বৈশিষ্ট্য যেমন ব্যবহার করে তালিকার মধ্যে উপাদান স্টাইল করতে পারেন font-size, font-weight, margin, padding, etc.
উদাহরণ:
ফর্ম্যাটিং টেবিল
টেবিল গঠন বিন্যাস
প্রধান সম্পত্তি: border-collapse
.
মান: separate(default), collaps
ই.
উদাহরণ:
টেবিল সীমানা বিন্যাস
প্রধান সম্পত্তি: border
.
মান: একটি সীমানা মান, উদাহরণস্বরূপ: 1px solid black
.
উদাহরণ:
সেল বর্ডার ফরম্যাটিং
প্রধান সম্পত্তি: border
.
মান: একটি সীমানা মান, উদাহরণস্বরূপ: 1px solid black
.
উদাহরণ:
সারণি কোষের সারিবদ্ধকরণ এবং ব্যবধান
প্রধান বৈশিষ্ট্য: text-align, padding
.
- টেক্সট-সারিবদ্ধ: প্রান্তিককরণ মান, উদাহরণস্বরূপ:
left, right, center
. - প্যাডিং: কক্ষের মধ্যে ব্যবধান মান, উদাহরণস্বরূপ: 10px।
উদাহরণ:
টেবিলে পটভূমি এবং পাঠ্যের রঙ
প্রধান বৈশিষ্ট্য: background-color, color
background-color
: পটভূমির রঙের মান, উদাহরণস্বরূপ:lightgray
.color
: পাঠ্য রঙের মান, উদাহরণস্বরূপ:white
.
উদাহরণ:
টেবিলে কলাম এবং সারির আকার
প্রধান বৈশিষ্ট্য: width
, height
.
width
: প্রস্থ মান, উদাহরণস্বরূপ: "100px", "20%"।height
: উচ্চতার মান, উদাহরণস্বরূপ: "50px", "10%"।
উদাহরণ:
এটি সিএসএস-এ তালিকা এবং টেবিলগুলি কীভাবে ফর্ম্যাট করতে হয় তার একটি বিস্তৃত নির্দেশিকা। আপনি আপনার ওয়েবসাইটে আপনার ডিজাইনের প্রয়োজন অনুসারে তালিকা এবং টেবিল শৈলী তৈরি করতে মান এবং বৈশিষ্ট্যগুলি কাস্টমাইজ করতে পারেন।