CSS বর্ডার-কালার বৈশিষ্ট্য উপাদানগুলির জন্য একটি বর্ডার রঙ নির্দিষ্ট করতে ব্যবহৃত হয়। এছাড়াও আমরা বর্ডার-টপ-কালার, বর্ডার-ডান-কালার, বর্ডার-বাম-রং এবং বর্ডার-ডান-কালার বৈশিষ্ট্য ব্যবহার করে পৃথক পক্ষের জন্য রঙ সেট করতে পারি।
সিনট্যাক্স
CSS বর্ডার-কালার প্রপার্টির সিনট্যাক্স নিম্নরূপ -
Selector {
border-color: /*value*/
} নিম্নলিখিত উদাহরণগুলি CSS বর্ডার-কালার বৈশিষ্ট্য −
চিত্রিত করেউদাহরণ
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
