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

পরিচয়

HTML DOM Style textTransform প্রোপার্টি একটি HTML ডকুমেন্টের এলিমেন্টের টেক্সটে ট্রান্সফর্মেশন প্রয়োগ করতে এবং বর্তমান মান জানতে ব্যবহৃত হয়।

সিনট্যাক্স

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

object.style.textTransform

মান সেট করা

object.style.textTransform = "value"

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

মান	ব্যাখ্যা
inherit	প্যারেন্ট এলিমেন্ট থেকে এই প্রোপার্টির মান উত্তরাধিকার সূত্রে পায়।
initial	এই প্রোপার্টির মান ডিফল্ট মানতে সেট করে।
none	টেক্সটে কোনো ট্রান্সফর্মেশন প্রয়োগ করা হয় না।
uppercase	সকল ক্যারেক্টার বড় হাতের অক্ষরে রূপান্তরিত করে।
lowercase	সকল ক্যারেক্টার ছোট হাতের অক্ষরে রূপান্তরিত করে।
capitalize	প্রতিটি শব্দের প্রথম ক্যারেক্টার বড় হাতের অক্ষরে রূপান্তরিত করে।

উদাহরণ

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

<!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 textTransform Property Example</h1> 
<p>Hi! I'm a paragraph element with some dummy text.</p> 
<button onclick="add()" class="btn">Change textTransform</button> 
<script> 
  function add() { 
    document.querySelector('p').style.textTransform = "uppercase"; 
  } 
</script> </body> </html>

আউটপুট

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

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

"Change textTransform" বাটনে ক্লিক করলে প্যারাগ্রাফের টেক্সটে ট্রান্সফর্মেশন প্রয়োগ হবে।

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