কম্পিউটার

CSS-এ কালার প্রপার্টি সেট করা


আমরা সিএসএস ব্যবহার করে টেক্সট, সীমানা এবং উপাদানগুলির পটভূমির জন্য রঙ নির্ধারণ করতে পারি। রঙের বৈশিষ্ট্যটি একটি উপাদানের জন্য পাঠ্যের রঙ নির্দিষ্ট করতে ব্যবহৃত হয়।

সিনট্যাক্স

CSS কালার প্রপার্টির সিনট্যাক্স নিম্নরূপ −

Selector {
   color: /*value*/
}

নিম্নলিখিত উদাহরণগুলি CSS রঙের বৈশিষ্ট্য −

চিত্রিত করে

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
div {
   color: seashell;
   background-color: lightcoral;
}
p {
   font-size: 1.5em;
   color: blue;
   background-color: palegreen;
   box-shadow: 0 0 5px 1px rgb(0,0,0);
}
</style>
</head>
<body>
<div>
This is demo text.
<p>
Text added for reference.
</p>
This is demo text 2.
</div>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

CSS-এ কালার প্রপার্টি সেট করা

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
* {
   text-align: center;
}
h3 {
   color: red;
   border: 2px ridge rosybrown;
}
p {
   color: royalblue;
   background-color: cornsilk;
   box-shadow: 0 0 5px 1px deeppink;
}
</style>
</head>
<body>
<h3>Demo Demo Demo Demo</h3>
<p>Demo text here</p>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

CSS-এ কালার প্রপার্টি সেট করা


  1. CSS এ ব্যাকগ্রাউন্ড কালার সেট আপ করা হচ্ছে

  2. সিএসএসে পটভূমির অবস্থান নির্ধারণ করা

  3. CSS এর সাথে কাজ করা টেক্সট কালার সেট করা

  4. CSS ব্যবহার করে লিঙ্কের রঙ সেট করা