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 ! I'm Rahul Kumar Rajput founder of learnhindituts.com. I'm a software developer having more than 4 years of experience. I love to talk about programming as well as writing technical tutorials and blogs that can help to others. I'm here to help you navigate the coding cosmos and turn your ideas into reality, keep coding, keep learning :)
Get connected with me. :) LinkedIn Twitter Instagram Facebook
