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-width property का use करके आप किसी भी element के लिए border की width को control कर सकते हैं।
p{
border-style: solid;
border-width : 5px;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS border-width Example</title>
<style>
p{
border-style:groove;
border-width:5px;
}
</style>
</head>
<body>
<p>border width example</p>
</body>
</html>हालाँकि आप चाहे तो , हर एक side के लिए आप border width भी define कर सकते हैं।
p{
border-style:style;
border-width:top right down left;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS border-width Example</title>
<style>
#p1{
border-style:groove;
border-width:10px 5px 2px 1px;
}
#p2{
border-style:solid;
border-width:10px 5px 2px 1px;
}
#p3{
border-style:dashed;
border-width:10px 5px 2px 1px;
}
</style>
</head>
<body>
<p id="p1">border width example</p>
<p id="p2">border width example</p>
<p id="p3">border width example</p>
</body>
</html>
Hi ! My name is Rahul Kumar Rajput. I'm a back end web developer and founder of learnhindituts.com. I live in Uttar Pradesh (UP), India and I love to talk about programming as well as writing technical tutorials and tips that can help to others.
Get connected with me. :) LinkedIn Twitter Instagram Facebook
