ডিফল্টরূপে, HTML-এর সমস্ত লিঙ্ক একটি আন্ডারলাইন দিয়ে সজ্জিত। আমরা CSS টেক্সট-ডেকোরেশন প্রপার্টি ব্যবহার করে এই আন্ডারলাইনটি সরিয়ে দিতে পারি।
সিনট্যাক্স
CSS টেক্সট-ডেকোরেশন প্রপার্টির সিনট্যাক্স নিম্নরূপ -
Selector { text-decoration: /*value*/ }
উদাহরণ
নিচের উদাহরণগুলো CSS টেক্সট-ডেকোরেশন প্রপার্টি ব্যাখ্যা করে।
<!DOCTYPE html> <html> <head> <style> p { padding: 5px; box-shadow: inset 0 0 5px violet; } a { font-style: italic; text-decoration: none; } </style> </head> <body> <a href="#">Demo</a> <p> <a href="https://example.com/">Example domain</a> </p> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { margin: auto; width: 50%; text-align: right; color: green; border: thin dashed red; } a { text-decoration: none; } a:last-child { color: inherit; background-color: moccasin; } </style> </head> <body> <div> <a href="#">Link Demo</a> <p> Watch this: <a href="https://example.com/">Example site</a> </p> </div> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -