HTML DOM শৈলী রঙ বৈশিষ্ট্য পাঠ্যের জন্য রঙ পেতে বা সেট করার জন্য ব্যবহৃত হয়। পাঠ্যের রঙ হেক্সাডেসিমেল, rgb(), rgba(), hsl(), hsla() বা পরিচিত কীওয়ার্ড ব্যবহার করে নির্দিষ্ট করা যেতে পারে।
−
-এর সিনট্যাক্স নিচে দেওয়া হলরঙের বৈশিষ্ট্য নির্ধারণ করা হচ্ছে -
object.style.color = "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>Change the above paragraphs color by clicking the below button</p>
<button type="button" onclick="ChangeColor()">Change Text Color</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> আউটপুট
"টেক্সট কালার পরিবর্তন করুন" ক্লিক করলে বোতাম -
