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

HTML DOM Style listStyle প্রপার্টি তিনটি প্রপার্টি - list-style-type, list-style-position এবং list-style-image - সেট বা রিটার্ন করতে ব্যবহৃত হয়।

সিনট্যাক্স

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

object.style.listStyle = "type position image|initial|inherit"

প্রপার্টি মানগুলি

প্যারামিটার	বিবরণ
type	লিস্ট-আইটেম مارকারের ধরন নির্ধারণ করতে।
position	লিস্ট-আইটেম مارকারের অবস্থান সেট করতে।
image	লিস্ট-আইটেম مارকার হিসেবে সেট করার ছবি নির্দিষ্ট করতে।
initial	প্রপার্টিকে ডিফল্ট মানে সেট করে।
inherit	প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকারসূত্রে পায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<script>
  function changeListStyle() {
    document.getElementById("LIST1").style.listStyle = "upper-roman";
    document.getElementById("Sample").innerHTML = "The list style has been changed to upper Roman";
  }
</script>
</head>
<body>
  <ul id="LIST1">
    <li>MANGO</li>
    <li>GUAVA</li>
    <li>LITCHI</li>
    <li>WATERMELON</li>
  </ul>
  <p>নিচের বাটনে ক্লিক করে উপরের ডিভের লিস্ট স্টাইল পরিবর্তন করুন</p>
  <button type="button" onclick="changeListStyle()">লিস্ট স্টাইল পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

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

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