CSS তালিকা

CSS তালিকা বৈশিষ্ট্যটি আপনাকে তালিকাভুক্ত আইটেমের স্মারককে স্থাপন, পরিবর্তন করা বা চিত্র হিসাবে স্থাপন করতে দেয়。

CSS তালিকা

কোনও বর্ণনামূলক টেক্সটের অংশটি যেমন তালিকায় গণ্য করা যায়, তাই জনসংখ্যা, সূর্যসিদ্ধান্ত, পরিবার পরিচয়, দর্শনীয় মেনু, এবং আপনার সকল বন্ধুও তালিকা বা তালিকার তালিকা হিসাবে প্রকাশ করা যেতে পারে。

তালিকা এতটা বৈচিত্র্যপূর্ণ, যার কারণে তালিকা খুবই গুরুত্বপূর্ণ, এবং CSS-এর তালিকা শৈলীর অপর্যাপ্ততা একটি বড় অভিযোগ।

তালিকা ধরণ

তালিকার শৈলীকে প্রভাবিত করতে, সবচেয়ে সরল (এবং সর্বাধিক সমর্থিত) পদ্ধতি হল তালিকার স্মারক ধরণ পরিবর্তন করা।

উদাহরণস্বরূপ, একটি অক্রমিক তালিকায়, তালিকাভুক্ত আইটেমের স্মারক (মার্কার) তালিকাভুক্ত আইটেমের পাশে প্রকৃতির ডট হতে পারে। ক্রমিক তালিকায়, স্মারক হতে পারে অক্ষর, সংখ্যা বা অন্য কোনও গণনা পদ্ধতির একটি সমস্তি হতে পারে。

তালিকাভুক্ত আইটেমের স্মারক ধরণ পরিবর্তন করতে, প্রতিবন্ধকতা ব্যবহার করা যেতে পারে: list-style-type:

ul {list-style-type : square}

উপরোক্ত বিবরণটি অক্রমিক তালিকার তালিকা আইটেম স্মারককে বোক্স হিসাবে সংযোজিত করেছে。

তালিকা আইটেম চিত্র

কখনও কখনও, সাধারণ স্মারকগুলি পর্যাপ্ত নয়। আপনি স্মারকগুলিকে একটি চিত্র ব্যবহার করতে চান, যা ব্যবহার করা যেতে পারে: list-style-image প্রতিবন্ধকতা করে:

ul li {list-style-image : url(xxx.gif)}

শুধুমাত্র একটি url() মান ব্যবহার করে, তালিকা স্মারক হিসাবে চিত্র ব্যবহার করা যেতে পারে。

তালিকা স্মারক স্থান

CSS2.1 থেকে নির্দিষ্ট করা যায় যে, স্মারক তালিকাভুক্ত আইটেমের বাইরে বা ভিতরে দেখা যাবে কি। এটা ব্যবহার করে: list-style-position সম্পূর্ণ。

সংক্ষিপ্ত তালিকা শৈলী

সরলতার জন্য, উপরোক্ত 3টি তালিকা শৈলী বৈশিষ্ট্যকে একটি সুবিধাপূর্ণ বৈশিষ্ট্যে মিশ্রিত করা যেতে পারে:list-styleএভাবে:

li {list-style : url(example.gif) square inside}

list-style এর মানগুলি কোনও ক্রমে তালিকাভুক্ত করা যেতে পারে, এবং এই মানগুলির অবশ্যই অণকীর্ত্তা করা যেতে পারে। যদি একটি মান প্রদান করা হয়, তবে অন্যগুলি ডিফল্ট মানে পূর্ণ হবে。

CSS তালিকা ইনস্ট্যান্স:

অক্রমিক তালিকায় বিভিন্ন ধরণের তালিকা ট্যাগ
CSS-এর সকল ধরণের তালিকা মার্কার
ক্রমিক তালিকায় বিভিন্ন ধরণের তালিকাভুক্ত আইটেম ট্যাগ
CSS-এর সকল ধরণের তালিকা মার্কার
সকল তালিকা শৈলী ধরণ
CSS-এর সকল ধরণের তালিকা মার্কার
চিত্রকে তালিকা মার্কার হিসাবে ব্যবহার
চিত্রকে তালিকা মার্কার হিসাবে ব্যবহার
তালিকা মার্কার স্থান
তালিকা মার্কার স্থান
একটি বিবৃতিতে সকল তালিকা এট্রিবিউট সংযোজন
এই উদাহরণে, সকল তালিকা এট্রিবিউটকে একটি সংক্ষিপ্ত এট্রিবিউটে সংযোজন করা হয়

CSS তালিকা এট্রিবিউট (list)

এট্রিবিউট বর্ণনা
list-style সংক্ষিপ্ত এট্রিবিউট
list-style-image চিত্রকে তালিকার মার্কার হিসাবে সংযোজন
list-style-position তালিকার মার্কার অবস্থান সংযোজন
list-style-type তালিকার মার্কার অবস্থান সংযোজন
marker-offset