CSS list-style-position প্রতিভূতি
- পূর্ব পৃষ্ঠা list-style-image
- পরবর্তী পৃষ্ঠা list-style-type
সংজ্ঞা ও ব্যবহার
listStylePosition বৈশিষ্ট্যটি কোথায় তালিকার আইটেমগুলির নিদর্শন লাগাতে হবে নির্দেশ করে
ব্যাখ্যা
এই বৈশিষ্ট্যটি তালিকার নিদর্শনটির সাথে তালিকার আইটেমগুলির সাথে কীভাবে অবস্থান করবে এই ঘোষণা করে।বাইরে (outside) নিদর্শনটি তালিকার আইটেমগুলির কান্তের দূরত্বে থাকবে, কিন্তু এই দূরত্বটি CSS-তে অভিন্ন নয়।ভিতরে (inside) নিদর্শনটি তালিকার আইটেমগুলির সাথে প্রথম হিসাবে থাকবে যেমন একটি নিউন ইনলাইন এলিমেন্ট হিসাবে হবে。
অন্যান্য দেখুন:
CSS শিক্ষা:CSS তালিকা
CSS পরিচ্ছেদক:CSS list-style প্রতিভূতি
HTML DOM পরিচ্ছেদক:listStylePosition বৈশিষ্ট্য
উদাহরণ
তালিকায় তালিকার আইটেমগুলির নিদর্শনের স্থান নির্দেশ করে
ul { list-style-position:inside; }
CSS সংজ্ঞা
list-style-position: inside|outside|initial|inherit;
বৈশিষ্ট্যমান
মান | বর্ণনা |
---|---|
inside | তালিকার আইটেমগুলির ভিতরে নিদর্শনটি থাকবে এবং টেক্সট নিদর্শন নিদর্শনের সাথে অ্যালাইন হবে。 |
outside | ডিফল্ট মান।তালিকার নিদর্শনটি টেক্সটের বামে থাকবে।তালিকার আইটেমগুলির বাইরে নিদর্শনটি থাকবে এবং টেক্সট নিদর্শনের সাথে অ্যালাইন হবে না。 |
inherit | উপস্থাপনা করা হয়েছে যে লিস্ট-স্টাইল-পোজিশন বৈশিষ্ট্যটির মানটি পিতৃ এলিমেন্ট থেকে উত্তরসূরীতা করা হবে。 |
টেকনিক্যাল বিবরণ
ডিফল্ট মান: | outside |
---|---|
উত্তরসূরীতা: | yes |
সংস্করণ: | CSS1 |
JavaScript সংজ্ঞা: | object.style.listStylePosition="inside" |
আরও উদাহরণ
- তালিকার নিদর্শন লাগানো
- এই উদাহরণটি দেখায় কোথায় তালিকার নিদর্শন লাগাতে হবে。
ব্রাউজার সমর্থন
টেবিলের সংখ্যাগুলি এই বৈশিষ্ট্যটির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে।
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- পূর্ব পৃষ্ঠা list-style-image
- পরবর্তী পৃষ্ঠা list-style-type