HTML DOM Style listStyleType প্রপার্টি

HTML DOM Style listStyleType প্রপার্টি লিস্ট-আইটেম مارকারের ধরন সেট বা রিটার্ন করতে ব্যবহৃত হয়।

সিনট্যাক্স

listStyleType প্রপার্টি সেট করার জন্য:

object.style.listStyleType = value

প্রচলিত listStyleType মানগুলি

মান	বিবরণ
armenian	ট্রেডিশনাল আর্মেনিয়ান সংখ্যা مارকার হিসেবে সেট করে।
circle	বৃত্তাকার মারকার।
cjk-ideographic	সাদা আইডিওগ্রাফিক সংখ্যা মারকার হিসেবে সেট করে।
decimal	সংখ্যা مارকার হিসেবে সেট করে, এটি ডিফল্ট মান।
decimal-leading-zero	সংখ্যার পূর্বে ০ যোগ করে মারকার হিসেবে সেট করে।
disc	`<ul>`-এর ডিফল্ট, ভরা বৃত্তাকার مارকার।
hiragana	ট্রেডিশনাল হিরাগানা নম্বরিং মারকার হিসেবে সেট করে।
katakana	ট্রেডিশনাল কাতাকানা নম্বরিং মারকার হিসেবে সেট করে।
lower-alpha	ছোট হাতের অক্ষর মারকার হিসেবে সেট করে।
lower-greek	ছোট হাতের গ্রীক ক্যারেক্টার মারকার হিসেবে সেট করে।
none	কোনো মারকার প্রদর্শন করে না।
square	বর্গাকার মারকার প্রদর্শন করে।
upper-alpha	বড় হাতের অক্ষর মারকার হিসেবে সেট করে।
initial	প্রপার্টিকে ডিফল্ট মানে সেট করে।
inherit	প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকারসূত্রে পায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<script>
  function changeListType() {
    document.getElementById("LIST1").style.listStyleType = "upper-roman";
    document.getElementById("Sample").innerHTML = " লিস্ট স্টাইল টাইপ এখন আপারকেস রোমানNumeral-এ সেট করা হয়েছে";
  }
</script>
</head>
<body>
  <ul id="LIST1">
    <li>LIST ITEM1</li>
    <li>LIST ITEM2</li>
    <li>LIST ITEM3</li>
    <li>LIST ITEM4</li>
  </ul>
  <p>নিচের বাটনে ক্লিক করে উপরের লিস্ট স্টাইল টাইপ পরিবর্তন করুন</p>
  <button type="button" onclick="changeListType()">লিস্ট টাইপ পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় লিস্টে ডিফল্ট disc বা decimal মারকার থাকবে।

"লিস্ট টাইপ পরিবর্তন করুন" বাটনে ক্লিক করার পর লিস্ট মারকার আপারকেস রোমান নমারেল (I, II, III, IV) হবে।