CSS border-style প্রপার্টি এলিমেন্টের বর্ডার স্টাইল নির্দিষ্ট করতে ব্যবহৃত হয়। আমরা border-top-style, border-right-style, border-bottom-style এবং border-left-style প্রপার্টি ব্যবহার করে পক্ষাবদ্ধ স্টাইলও সংজ্ঞায়িত করতে পারি।
সিনট্যাক্স
CSS border প্রপার্টির সিনট্যাক্স:
Selector { border: /*মান*/ }
নিচের উদাহরণগুলো CSS border-style প্রপার্টি বোঝায়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div:first-of-type { margin: 5% 0 0 20%; } div { height: 40px; width: 40px; margin: auto; padding: 10px; border-style: solid; display: flex; float: left; } #d1 { border-style: double dashed; } #d2 { border-style: dotted; } </style> </head> <body> <div></div> <div id="d1"></div> <div id="d2"></div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { margin: 20px; float: left; height: 80px; width: 60px; border-style: ridge; border-width: 1.2em; border-color: midnightblue; border-bottom-left-radius: 50%; } div + div { height: 120px; width: 80px; border-style: double; border-color: seagreen; border-right-width: 180px; border-bottom-right-radius: 100%; } </style> </head> <body> <div></div> <div></div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
