बॉटम बॉर्डर की स्टाइल सेट करने के लिए, बॉर्डर-बॉटम-स्टाइल प्रॉपर्टी का इस्तेमाल करें। आपके द्वारा सेट किए जा सकने वाले बॉर्डर के मान डॉटेड, डबल, डैश्ड, सॉलिड आदि हैं।
उदाहरण
आप निम्न कोड को स्टाइल बॉटम बॉर्डर पर चलाने का प्रयास कर सकते हैं
<!DOCTYPE html>
<html>
<head>
<style>
p.dotted {border-bottom-style: dotted;}
p.double {border-bottom-style: double;}
p.dashed {border-bottom-style: dashed;}
p.solid {border-bottom-style: solid;}
p.inset {border-bottom-style: inset;}
p.outset {border-bottom-style: outset;}
</style>
</head>
<body>
<p class = "dotted">Dotted bottom border.</p>
<p class = "double">Double bottom border.</p>
<p class = "dashed">Dashed bottom border.</p>
<p class = "solid">Solid bottom border.</p>
<p class = "inset">Inset bottom border.</p>
<p class = "outset">Outset bottom border.</p>
</body>
</html> आउटपुट
