HTML के किसी भी elements के border का colour change करने के लिए border-colour property का use किया जाता है।
Syntax
p{
border-style : outset;
border-color : blue;
}Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS border-color Example by Technalay</title>
<style>
#p1{
border-style:groove;
border-width:10px;
border-color: red;
}
</style>
</head>
<body>
<p id="p1">CSS border-color Example by Technalay</p>
</body>
</html>CSS specify border-color for every side in Hindi
Border के हर एक side को अलग-अलग colour देने के लिए भी border-colour property का use किया जाता है।
Syntax
{
border-style : groove;
border-color : top_color right_color bottom_color left_color;
}Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS border-color Example by Technalay</title>
<style>
#p1{
border-style:groove;
border-width:10px;
border-color: blue blueviolet lightskyblue lightsteelblue;
}
#p2{
border-style:solid;
border-width:10px;
border-color: red lightcoral palevioletred hotpink;
}
</style>
</head>
<body>
<p id="p1">CSS border-color Example by Technalay</p>
<p id="p2">CSS border-color Example by Technalay</p>
</body>
</html>