কম্পিউটার

CSS ব্যবহার করে এলিমেন্টের টেক্সট কালার সেট করা


CSS রঙের বৈশিষ্ট্য একটি উপাদানের পাঠ্য রঙ পরিবর্তন করতে ব্যবহৃত হয়। আমরা মানগুলিকে আদর্শ রঙের নাম, rgb(), rgba(), hsl(), hsla() এবং হেক্সাডেসিমেল মান হিসাবে নির্দিষ্ট করতে পারি।

সিনট্যাক্স

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

Selector {
   color: /*value*/
}

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

চিত্রিত করে

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
div {
   height: 50px;
   width: 50px;
   float: right;
   color: white;
   background-color: #2f5587;
}
p {
   color: rgba(225,5,135,0.7);
   border: 2px solid #16c618;
   box-shadow: 0 7px 0 5px hsl(90, 60%, 70%);
}
</style>
</head>
<body>
<h2>Example Heading</h2>
<div>This is it</div>
<p>Demo text is visible here.</p>
</body>
</html>

আউটপুট

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

CSS ব্যবহার করে এলিমেন্টের টেক্সট কালার সেট করা

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
li:nth-of-type(even) {
   color: dodgerblue;
   border: 6px groove #16c618;
   padding: 4px;
   box-shadow: inset -100px 0 5px red;
}
</style>
</head>
<body>
<h2>Learn Servlets</h2>
<ul>
<li>Java Servlets are programs that run on a Web or Application server.</li>
<li>Java Servlets often serve the same purpose as programs implemented using the CGI.</li>
<li>Servlets are platform-independent because they are written in Java.
</li>
</ul>
</body>
</html>

আউটপুট

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

CSS ব্যবহার করে এলিমেন্টের টেক্সট কালার সেট করা


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

  2. CSS ব্যবহার করে এলিমেন্টের টেক্সট কালার সেট করা

  3. CSS ব্যবহার করে রেডিয়াল গ্রেডিয়েন্টের আকার নির্ধারণ করা

  4. CSS ব্যবহার করে লোকেশন কালার স্টপ সেট করা