CSS list-style প্রতিশব্দ
- পূর্বপাতা line-height
- পরবর্তী পৃষ্ঠা list-style-image
বিবরণ ও ব্যবহার
list-style সংক্ষিপ্ত বৈশিষ্ট্যটি একটি বিবৃতিতে সকল তালিকার বৈশিষ্ট্যকে সংজ্ঞায়িত করে。
বর্ণনা
এই বৈশিষ্ট্যটি একটি সংক্ষিপ্ত বৈশিষ্ট্য, যা সকল অন্যান্য তালিকা শৈলী বৈশিষ্ট্যকে অন্তর্ভুক্ত করে।এটি সকল display হল list-item এর উপাদানকে অ্যাপ্লাই করে, তাই সাধারণ HTML এবং XHTML-এ এটি কেবল li উপাদানের জন্য ব্যবহার করা যেতে পারে, যদিও এটি কোনও উপাদানে অ্যাপ্লাই করা যেতে পারে এবং list-item উপাদান থেকে উত্তরসূরীতা করা হবে。
একটি ক্রমাগত পদ্ধতিতে নিম্নলিখিত বৈশিষ্ট্যগুলো সংজ্ঞায়িত করা যেতে পারে:
একটি মান ছাড়াও সম্ভব, যেমন "list-style:circle inside;"ও সম্ভব, যেখানে না সংজ্ঞায়িত বৈশিষ্ট্যটি তার ডিফল্ট মান ব্যবহার করা হবে。
আরও দেখুন:
CSS শিক্ষাক্রমCSS তালিকা
HTML DOM সংক্ষিপ্ত পড়াশোনাlistStyle বৈশিষ্ট্য
উদাহরণ
ছবিটিকে তালিকার আইটেম ট্যাগকে স্থাপন করা:
ul { list-style:square inside url('/i/arrow.gif'); }
CSS 语法
list-style: list-style-type list-style-position list-style-image|initial|inherit;
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
list-style-type | তালিকার আইটেম ট্যাগকে কোন ধরনের ট্যাগ করা হবে।দেখুন:list-style-type যেসব মান সম্ভব |
list-style-position | তালিকার আইটেম ট্যাগকে কোথায় স্থাপন করা হবে।দেখুন:list-style-position যেসব মান সম্ভব |
list-style-image | তালিকার আইটেমের ট্যাগকে ছবির দ্বারা প্রতিস্থাপন করা।দেখুন:list-style-image যেসব মান সম্ভব |
inherit | পিতৃতৃতীয় উপাদান থেকে list-style বৈশিষ্ট্যের মান উত্তরসূরীতা করা উচিত। |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | disc outside none |
---|---|
উত্তরসূরীতা: | yes |
সংস্করণ: | CSS1 |
JavaScript 语法: | object.style.listStyle="decimal inside" |
আরও উদাহরণ
- একটি বিবৃতিতে সকল তালিকার বৈশিষ্ট্যকে সংজ্ঞায়িত করা
- এই উদাহরণে সকল তালিকার বৈশিষ্ট্যকে একটি সংক্ষিপ্ত বৈশিষ্ট্যে সংযোজন করা হয়েছে。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে যে প্রতিভান্ন ব্রাউজার সংস্করণটি এই প্রক্রিয়াকে সমর্থন করে তা উল্লেখ করা হয়েছে。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- পূর্বপাতা line-height
- পরবর্তী পৃষ্ঠা list-style-image