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

CSS text-decoration-color দিয়ে লিংক আন্ডারলাইন রঙ পরিবর্তন করা


CSS text-decoration-color টেক্সট ডেকোরেশন লাইনের রঙ পরিবর্তন করতে ব্যবহৃত হয়।

সিনট্যাক্স

CSS text-decoration-color প্রপার্টির সিনট্যাক্স নিচে দেওয়া হলো:

Selector {    text-decoration-color: /*value*/ }

উদাহরণ

নিচের উদাহরণগুলো CSS text-decoration-color প্রপার্টি ব্যাখ্যা করে।

<!DOCTYPE html> <html>    <head>       <style>          p {             background-color: gray;             margin: 4%;             font-size: 1.2em;             text-decoration: underline;             text-decoration-color: violet;          }       </style>    </head>    <body>       <p>          Y aserejé-ja-dejé De jebe tu de jebere seibiunouva majavi an de bugui an de güididípi       </p>    </body> </html>

এটি নিচের আউটপুট দেয়:

CSS text-decoration-color দিয়ে লিংক আন্ডারলাইন রঙ পরিবর্তন করা

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div, a {             margin: 4%;             font-size: 1.2em;             text-decoration: underline;             text-decoration-color: green;          }       </style>    </head>    <body>       <div>          আন্ডারলাইন করা ডেমো টেক্সট।          <a href=#>হাইপারলিংক এখানে!</a>       </div>    </body> </html>

এটি নিচের আউটপুট দেয়:

CSS text-decoration-color দিয়ে লিংক আন্ডারলাইন রঙ পরিবর্তন করা

  1. HTML-এ লিংক থেকে আন্ডারলাইন (Underline) সরানো

  2. HTML-এ লিংকের রঙ (Color) পরিবর্তন করা

  3. HTML-এ রিলেটিভ URL (Relative URL) ব্যবহার করে পেজ লিংক করা

  4. HTML-এ অ্যাবসোলিউট URL (Absolute URL) ব্যবহার করে পেজ লিংক করা