HTML DOM Style color প্রপার্টি টেক্সটের রঙ পাওয়া বা সেট করার জন্য ব্যবহৃত হয়। টেক্সটের রঙ হেক্সাডেসিমেল, rgb(), rgba(), hsl(), hsla() বা পরিচিত কীওয়ার্ড ব্যবহার করে নির্দিষ্ট করা যায়।
সিনট্যাক্স
color প্রপার্টি সেট করার সিনট্যাক্স:
object.style.color = "color|initial|inherit"
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| color | টেক্সটের রঙ মান নির্দিষ্ট করতে ব্যবহৃত হয়। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!DOCTYPE html> <html> <body> <h1>Color property example</h1> <p>This is paragraph 1</p> <p>This is paragraph 2</p> <p>This is paragraph 3</p> <p>This is paragraph 4</p> <p>This is paragraph 5</p> <p>নিচের বাটনে ক্লিক করলে উপরের প্যারাগ্রাফের রঙ পরিবর্তন হবে</p> <button type="button" onclick="ChangeColor()">টেক্সট রঙ পরিবর্তন করুন</button> <script> function ChangeColor() { for(var i=0;i<5;i++){ if(i%2==0) document.getElementsByTagName("P")[i].style.color="blue"; else document.getElementsByTagName("P")[i].style.color="red"; } } </script> </body> </html>
আউটপুট
টেক্সট রঙ পরিবর্তন করুন বাটনে ক্লিক করলে:
