list-style-type বৈশিষ্ট্য

list-style-type বৈশিষ্ট্যটি ul তালিকার জন্য বিন্দু মার্কারের পরিবর্তে বর্গক্ষেত্র বা বৃত্ত তৈরি করতে দেয়। ol তালিকার জন্য সাধারণ সংখ্যার পরিবর্তে রোমান সংখ্যা, লাতিন বা গ্রীক বর্ণমালার আকারে সংখ্যায়ন করা যেতে পারে।

সিনট্যাক্স

সিলেক্টর {
	list-style-type: মান;
}

ul-এর জন্য মান

মান	বর্ণনা
`circle`	বৃত্তাকার মার্কার তৈরি করে।
`disc`	ভরাট বৃত্তাকার মার্কার তৈরি করে।
`square`	ক্ষুদ্র বর্গাকার মার্কার তৈরি করে।
`none`	মার্কারগুলি সরিয়ে দেয়।

ডিফল্ট মান: disc।

ol-এর জন্য মান

মান	বর্ণনা
`armenian`	প্রথাগত আর্মেনিয়ান সংখ্যায়ন।
`decimal`	আরবি সংখ্যা।
`decimal-leading-zero`	দশের কম সংখ্যার জন্য সামনে শূন্য সহ আরবি সংখ্যা।
`georgian`	প্রথাগত জর্জিয়ান সংখ্যায়ন।
`lower-alpha`	ছোট হাতের লাতিন বর্ণ।
`lower-greek`	ছোট হাতের গ্রীক বর্ণ।
`lower-latin`	এই মানটি lower-alpha-এর অনুরূপ।
`lower-roman`	ছোট হাতের রোমান সংখ্যা।
`upper-alpha`	বড় হাতের লাতিন বর্ণ।
`upper-latin`	এই মানটি upper-alpha-এর অনুরূপ।
`upper-roman`	বড় হাতের রোমান সংখ্যা।
`none`	মার্কারগুলি সরিয়ে দেয়।

ডিফল্ট মান: decimal।

উদাহরণ

<ul>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ul>

ul {
	list-style-type: disc;
}

উদাহরণ

<ul>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ul>

ul {
	list-style-type: circle;
}

উদাহরণ

<ul>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ul>

ul {
	list-style-type: square;
}

উদাহরণ

<ul>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ul>

ul {
	list-style-type: none;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: decimal;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: armenian;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: decimal-leading-zero;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: georgian;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: lower-alpha;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: lower-greek;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: lower-latin;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: lower-roman;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: upper-alpha;
}

উদাহরণ

<ol>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ol>

ol {
	list-style-type: upper-roman;
}

উদাহরণ

এই উদাহরণটি দেখায় যে color বৈশিষ্ট্যটি শুধুমাত্র টেক্সটের রংকেই প্রভাবিত করে না, বরং মার্কারগুলির রংকেও প্রভাবিত করে:

<ul>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
	<li>তালিকার আইটেম</li>
</ul>

ul {
	list-style-type: disc;
	color: red;
}

আরও দেখুন

list-style-image বৈশিষ্ট্য,
যা নির্দিষ্ট ছবি দিয়ে মার্কার সেট করে
list-style-position বৈশিষ্ট্য,
যা মার্কারগুলির অবস্থান নির্ধারণ করে
list-style বৈশিষ্ট্য,
যা মার্কারগুলির জন্য সংক্ষিপ্ত রূপ