কম্পিউটার টিউটোরিয়াল

CSS-এ টেক্সট ডেকোরেশনের রং সেট করুন


টেক্সট ডেকোরেশনের রং সেট করতে text-decoration-color প্রপার্টি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
.demo {
  text-decoration: overline;
  text-decoration-color: yellow;
}
</style>
</head>
<body>
<h1>Examination Details</h1>
<p class="demo">Exam on 20th December.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>

আউটপুট

CSS-এ টেক্সট ডেকোরেশনের রং সেট করুন

উদাহরণ

আরেকটি উদাহরণ দেখুন:

<!DOCTYPE html>
<html>
<head>
<style>
.demo {
  text-decoration: underline;
  text-decoration-color: orange;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>

আউটপুট

CSS-এ টেক্সট ডেকোরেশনের রং সেট করুন


  1. CSS text-decoration প্রোপার্টি দিয়ে টেক্সট সজ্জা (আন্ডারলাইন, ওভারলাইন, স্ট্রাইকথ্রু)

  2. CSS-এ ::first-line 의사-এলিমেন্ট

  3. CSS-এ @media At-rules

  4. CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন