টেক্সট-ডেকোরেশন-লাইনের রঙ পরিবর্তন করতে CSS টেক্সট-ডেকোরেশন-কালার ব্যবহার করা হয়।
সিনট্যাক্স
CSS টেক্সট-ডেকোরেশন-কালার প্রপার্টির সিনট্যাক্স নিম্নরূপ -
Selector { text-decoration-color: /*value*/ }
উদাহরণ
নিম্নলিখিত উদাহরণগুলি সিএসএস টেক্সট-ডেকোরেশন-কালার প্রপার্টি ব্যাখ্যা করে।
<!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>
এটি নিম্নলিখিত আউটপুট দেয়
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div, a { margin: 4%; font-size: 1.2em; text-decoration: underline; text-decoration-color: green; } </style> </head> <body> <div> Underlined demo text. <a href=#>Hyperlink here!</a> </div> </body> </html>
এটি নিম্নলিখিত আউটপুট দেয়