ডিফল্টভাবে HTML-এ সব লিংক আন্ডারলাইন দিয়ে সজ্জিত থাকে। CSS text-decoration প্রপার্টি ব্যবহার করে এই আন্ডারলাইন সরানো যায়।
সিনট্যাক্স
CSS text-decoration প্রপার্টির সিনট্যাক্স:
Selector { text-decoration: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো CSS text-decoration প্রপার্টি বোঝায়:
<!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>
আউটপুট
এটি নিচের আউটপুট দেবে:
