HTML DOM Style quotes প্রোপার্টি

পরিচয়

HTML DOM Style quotes প্রোপার্টি একটি HTML ডকুমেন্টে উদ্ধৃতি চিহ্নের ধরন জানতে এবং সেট করতে ব্যবহৃত হয়।

সিনট্যাক্স

মান ফেরত দেওয়া

object.style.quotes

মান সেট করা

object.style.quotes = "value"

প্রাপ্য মানসমূহ

মান	ব্যাখ্যা
inherit	প্যারেন্ট এলিমেন্ট থেকে এই প্রোপার্টির মান উত্তরাধিকার সূত্রে পায়।
initial	এই প্রোপার্টির মান ডিফল্ট মানতে সেট করে।
none	ডিফল্ট উদ্ধৃতি চিহ্ন ("") ব্যবহার করার জন্য সেট করে।
string string string string	উদ্ধৃতি চিহ্ন সেট করে। এখানে প্রথম দুটি মান প্রথম লেভেলের উদ্ধৃতি এবং পরের দুটি মান পরবর্তী লেভেলের উদ্ধৃতি নির্দেশ করে।

উদাহরণ

নিচে HTML DOM Style quotes প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background: lightblue; 
    height: 100vh; 
  } 
  q { 
    margin: 20px; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
    margin: 20px; 
  } 
</style> </head> <body> 
<h1>DOM Style quotes Property Example</h1> 
<q>I'm a q element with some dummy text.</q> 
<button onclick="add()" class="btn">Change quotes</button> 
<script> 
  function add() { 
    document.querySelector('q').style.quotes = "'#' '#'"; 
  } 
</script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

HTML DOM Style quotes প্রোপার্টি

"Change quotes" বাটনে ক্লিক করলে উদ্ধৃতি চিহ্ন পরিবর্তন হবে।

HTML DOM Style quotes প্রোপার্টি