CSS border-width প্রোপার্টি ব্যবহার করে এলিমেন্টের বর্ডারের প্রস্থ নির্দিষ্ট করা হয়। আমরা আলাদা আলাদা পাশের প্রস্থও সেট করতে পারি border-top-width, border-right-width, border-left-width এবং border-bottom-width প্রোপার্টি ব্যবহার করে।
সিনট্যাক্স
CSS border-width প্রোপার্টির সিনট্যাক্স:
Selector { border-width: /*value*/ }উদাহরণ
নিচের উদাহরণগুলো CSS border-width প্রোপার্টি প্রদর্শন করে:
<!DOCTYPE html> <html> <head> <style> #main { border-bottom-width: 20px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; } div { margin: auto; height: 100px; width: 80px; border-style: double; border-width: 5px; } div > div { margin-top: 15px; height: 50px; width: 50px; border-style: dashed; border-color: red; border-width: thin; text-align: center; line-height: 50px; } </style> </head> <body> <div id="main"> <div>demo</div> </div> </body> </html>আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> p { padding: 2%; border-style: ridge; border-width: 4px; border-color: indianred; } q { border-style: solid; border-width: thin; text-align: center; font-style: italic; } </style> </head> <body> <p> Student details are covered here. </p> <hr> <q>Education is the most powerful weapon which you can use to change the world.</q> </body> </html>আউটপুট
এটি নিচের আউটপুট দেবে:
