CSS border প্রোপার্টি ব্যবহার করে এলিমেন্টের বর্ডার প্রোপার্টিগুলো সংজ্ঞায়িত করা হয়। এটি border-width, border-style এবং border-color এর শর্টহ্যান্ড। পাশ apartament প্রোপার্টি (border-top, border-right ইত্যাদি) ব্যবহার করে আলাদা পাশ স্টাইল করা যায়।
সিনট্যাক্স
CSS border প্রোপার্টির সিনট্যাক্স:
Selector { border: /*value*/ }উদাহরণ
নিচের উদাহরণগুলো CSS border প্রোপার্টি প্রদর্শন করে:
<!DOCTYPE html> <html> <head> <style> div { border-style: solid; margin: auto; padding: 5px; border-radius: 50%; } #main { height: 100px; width: 100px; border-left: 12px ridge goldenrod; border-right: 12px ridge goldenrod; } #main > div { line-height: 12px; height: 30px; width: 10px; padding: 27px 20px; border-top: 6px groove crimson; border-bottom: 6px ridge crimson; } </style> </head> <body> <div id="main"> <div>i see you</div> </div> </body> </html>আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> p { width: 60%; margin: auto; padding: 20px 45px; border-top-width: 1.4em; border-top-style: solid; border-top-color: violet; border-radius: 85px 85px 0 0; color: black; font-size: 1.3em; background-image: url("https://www.tutorialspoint.com/images/css.png"); } </style> </head> <body> <p>CSS is used to control the style of a web document in a simple way. It handles the look and feel part of a web page.</p> </body> </html>আউটপুট
এটি নিচের আউটপুট দেবে:
