CSS border-color প্রপার্টি এলিমেন্টের বর্ডার রঙ নির্দিষ্ট করতে ব্যবহৃত হয়। আমরা border-top-color, border-right-color, border-bottom-color এবং border-left-color প্রপার্টি ব্যবহার করে পক্ষাবদ্ধ রঙও সেট করতে পারি।
সিনট্যাক্স
CSS border-color প্রপার্টির সিনট্যাক্স:
Selector { border-color: /*মান*/ }
নিচের উদাহরণগুলো CSS border-color প্রপার্টি বোঝায়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> span { margin: 10px; padding: 20px; border-style: solid; border-color: limegreen lightblue crimson; } div { text-align: center; border-style: solid; border-color: palevioletred steelblue; height: 16px; } </style> </head> <body> <h2>Demo Heading</h2> <div>Demo</div> <p><span>This</span>is demo text just for displaying how CSS styles works.</p> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> li { border-bottom-color: cyan; border-bottom-style: dotted; width: 300px; } p { text-align: center; border-width: 8px; border-style: solid; border-color: #d11c74; border-left-style: ridge; } </style> </head> <body> <h2>Accessories</h2> <p>Displaying the car accessories</p> <ul> <li>Mud Flap</li> <li>Car Freshener</li> <li>Mobile Holder</li> <li>Bluetooth</li> <li>Wheel Lock</li> </ul> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
