बॉर्डर चौड़ाई
CSS border-width प्रॉपर्टी का उपयोग किसी एलिमेंट के बॉर्डर की चौड़ाई निर्दिष्ट करने के लिए किया जाता है। हम border-top-width, border-right-width, border-bottom-width, border-left-width से व्यक्तिगत पक्षों की चौड़ाई भी सेट कर सकते हैं।
सिंटैक्स
Selector { border-width: /*value*/ }
उदाहरण 1
<!DOCTYPE html>
<html>
<head>
<style>
#main { border-bottom-width: 20px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }
div { margin: auto; height: 100px; width: 80px; border-style: double; border-width: 5px; }
div > div { margin-top: 15px; height: 50px; width: 50px; border-style: dashed; border-color: red; border-width: thin; text-align: center; line-height: 50px; }
</style>
</head>
<body>
<div id="main"><div>demo</div></div>
</body>
</html>
आउटपुट
उदाहरण 2
<!DOCTYPE html>
<html>
<head>
<style>
p { padding: 2%; border-style: ridge; border-width: 4px; border-color: indianred; }
q { border-style: solid; border-width: thin; text-align: center; font-style: italic; }
</style>
</head>
<body>
<p> Student details are covered here. </p>
<hr>
<q>Education is the most powerful weapon which you can use to change the world.</q>
</body>
</html>
आउटपुट
