ব্যাকগ্রাউন্ড কালার প্রপার্টি একটি এলিমেন্টের জন্য ব্যাকগ্রাউন্ড কালার সেট বা রিটার্ন করার জন্য ব্যবহার করা হয়। আমরা স্ট্যান্ডার্ড নাম, rgb(), rgba(), hsl() বা hsla() দ্বারা মান নির্দিষ্ট করতে পারি।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলব্যাকগ্রাউন্ড কালার প্রপার্টি −
সেট করা হচ্ছেobject.style.backgroundColor = "color|transparent
মানগুলি
উপরের সম্পত্তির মানগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -
| Sr. No | মান এবং বর্ণনা |
|---|---|
| 1 | রঙ পটভূমির রঙ নির্দিষ্ট করার জন্য। |
| 2 | স্বচ্ছ পটভূমির রঙকে স্বচ্ছ করতে সেট করে অর্থাৎ অন্তর্নিহিত বিষয়বস্তু দেখা যায়। এটি ডিফল্ট মান। |
উদাহরণ
আসুন আমরা ব্যাকগ্রাউন্ড কালার প্রপার্টি -
এর উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
#DIV1{
background-color: rgba(10,122,102,0.1);
}
</style>
<script>
function changeBackColor(){
document.getElementById("DIV1").style.backgroundColor="rgba(1,200,55,0.5)";
document.getElementById("Sample").innerHTML="The background color is now changed";
}
</script>
</head>
<body>
<div id="DIV1">Duis tincidunt urna a interdum consectetur. Pellentesque nec pretium ante.
In nisl magna, vestibulum non vulputate vel, feugiat ac tellus. Sed tincidunt id leo at mollis.
Praesent pellentesque purus vitae scelerisque gravida. Pellentesque pulvinar scelerisque sem,
at euismod sapien tristique et.</div>
<p>Change the above div background color by clicking the below button</p>
<button onclick="changeBackColor()">CHANGE COLOR</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ ক্লিপ বোতামে ক্লিক করলে -
