CSS
Cascading Style Sheet
The border-color property sets all four borders and takes from one to four values.
Example
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text1
{
border-style: dotted;
border-color: blue;
}
</style> </head>
<body>
<h3 class="text1">www.skillpundit.com</h3>
</body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text1
{
border-style: dotted;
border-color: blue;
}
</style> </head>
<body>
<h3 class="text1">www.skillpundit.com</h3>
</body> </html>
Output
www.skillpundit.com
border-top-color
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text2
{
border-style: solid;
border-top-color: #92a8d1;
}
</style> </head>
<body>
<h3 class="text2">www.skillpundit.com</h3>
</body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text2
{
border-style: solid;
border-top-color: #92a8d1;
}
</style> </head>
<body>
<h3 class="text2">www.skillpundit.com</h3>
</body> </html>
Output
www.skillpundit.com
border-right-color
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text3
{
border-style: solid;
border-right-color: rgb(201, 76, 76);
}
</style> </head>
<body>
<h3 class="text3">www.skillpundit.com</h3>
</body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text3
{
border-style: solid;
border-right-color: rgb(201, 76, 76);
}
</style> </head>
<body>
<h3 class="text3">www.skillpundit.com</h3>
</body> </html>
Output
www.skillpundit.com
border-bottom-color
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text4
{
border-style: double;
border-bottom-color: rgb(201, 76, 76);
}
</style> </head>
<body>
<h3 class="text4">SkillPundit is the best place to gain knowledge which includes skills like programming, designing, problem solving, general information about our country, reasoning, mental ability etc. SkillPundit is world's best platform to show your talent.</h3>
</body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text4
{
border-style: double;
border-bottom-color: rgb(201, 76, 76);
}
</style> </head>
<body>
<h3 class="text4">SkillPundit is the best place to gain knowledge which includes skills like programming, designing, problem solving, general information about our country, reasoning, mental ability etc. SkillPundit is world's best platform to show your talent.</h3>
</body> </html>
Output
SkillPundit is the best place to gain knowledge which includes skills like programming, designing, problem solving, general information about our country, reasoning, mental ability etc. SkillPundit is world's best platform to show your talent.
border-left-color
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text4
{
border-style: double;
border-left-color: transparent;
}
</style> </head>
<body>
<h3 class="text4">SkillPundit is the best place to gain knowledge which includes skills like programming, designing, problem solving, general information about our country, reasoning, mental ability etc. SkillPundit is world's best platform to show your talent.</h3>
</body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text4
{
border-style: double;
border-left-color: transparent;
}
</style> </head>
<body>
<h3 class="text4">SkillPundit is the best place to gain knowledge which includes skills like programming, designing, problem solving, general information about our country, reasoning, mental ability etc. SkillPundit is world's best platform to show your talent.</h3>
</body> </html>
Output
SkillPundit is the best place to gain knowledge which includes skills like programming, designing, problem solving, general information about our country, reasoning, mental ability etc. SkillPundit is world's best platform to show your talent.
