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

পরিচয়

HTML DOM Style textShadow প্রোপার্টি একটি HTML ডকুমেন্টের এলিমেন্টের টেক্সটে শ্যাডো প্রয়োগ করতে এবং বর্তমান মান জানতে ব্যবহৃত হয়। মূল টেক্সটে ভুল ছিল: "text flow outside the element container" - এটি textShadow-এর কাজ নয়।

সিনট্যাক্স

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

object.style.textShadow

মান সেট করা

object.style.textShadow = "value"

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

মান	ব্যাখ্যা
inherit	প্যারেন্ট এলিমেন্ট থেকে এই প্রোপার্টির মান উত্তরাধিকার সূত্রে পায়।
initial	এই প্রোপার্টির মান ডিফল্ট মানতে সেট করে।
none	টেক্সটে কোনো শ্যাডো প্রয়োগ করা হয় না।
h-shadow v-shadow blur color	টেক্সটে শ্যাডো প্রয়োগ করে। এখানে: h-shadow = আড়izontal শ্যাডোর মান v-shadow = ভERTICAL শ্যাডোর মান blur = ব্লার দূরত্ব color = শ্যাডোর রঙ

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background: lightblue; 
    height: 100vh; 
  } 
  p { 
    margin: 1.5rem auto; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
  } 
</style> </head> <body> 
<h1>DOM Style textShadow Property Example</h1> 
<p>Some Dummy Text</p> 
<button onclick="add()" class="btn">Set textShadow</button> 
<script> 
  function add() { 
    document.querySelector('p').style.textShadow = "10px 10px 2px #db133a"; 
  } 
</script> </body> </html>

আউটপুট

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

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

"Set textShadow" বাটনে ক্লিক করলে প্যারাগ্রাফের টেক্সটে শ্যাডো প্রয়োগ হবে।

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