If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
border-color property का use करके आप किसी भी element के लिए border की color को define कर सकते हैं।
p{
border-style:outset;
border-color:green;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS border-color Example</title>
<style>
#p1{
border-style:groove;
border-width:10px;
border-color: aqua;
}
</style>
</head>
<body>
<p id="p1">border-color example</p>
</body>
</html>जिस तरह से border-width को हर side से define किया था ठीक उसी तरह से आप border color भी define कर सकते हो।
{
border-style : groove;
border-color : top_color right_color bottom_color left_color;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS border-color Example</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;
}
#p3{
border-style:dashed;
border-width:10px;
border-color: yellow yellowgreen goldenrod greenyellow;
}
#p4{
border-style:inset;
border-width:10px;
border-color: green red blueviolet gold;
}
</style>
</head>
<body>
<p id="p1">border-color example</p>
<p id="p2">border-color example</p>
<p id="p3">border-color example</p>
<p id="p4">border-color example</p>
</body>
</html>Example में color name use किये गए हैं , आप चाहे तो RGB , HEX , HSL , RGBA, HSLA की कोई भी valid color भी दे सकते हैं।