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

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

সিনট্যাক্স

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

object.style.listStylePosition = "outside|inside|initial|inherit"

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

মান	বিবরণ
outside	ডিফল্ট মান, লিস্ট-আইটেম মারকার টেক্সটের আগে বাইরে রাখে।
inside	লিস্ট আইটেম মারকারকে কিছুটা ভেতরে ইন্ডেন্ট করে।
initial	প্রপার্টিকে ডিফল্ট মানে সেট করে।
inherit	প্যারেন্ট এলিমেন্ট থেকে প্রপার্টির মান উত্তরাধিকারসূত্রে পায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
  li { background-color: lightgreen; }
</style>
<script>
  function changeListPosition() {
    document.getElementById("LIST1").style.listStylePosition = "inside";
    document.getElementById("Sample").innerHTML = " লিস্ট স্টাইল পজিশন ডিফল্ট outside থেকে inside-এ পরিবর্তন করা হয়েছে।";
  }
</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="changeListPosition()">লিস্ট পজিশন পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় লিস্ট মারকার টেক্সটের বাইরে (outside) থাকবে।

"লিস্ট পজিশন পরিবর্তন করুন" বাটনে ক্লিক করার পর মারকার টেক্সটের ভেতরে (inside) সরাবে।