border-bottom-style प्रॉपर्टी का उपयोग
किसी एलिमेंट के निचले बॉर्डर की स्टाइल सेट करने के लिए border-bottom-style प्रॉपर्टी का उपयोग किया जाता है। यह प्रॉपर्टी केवल बॉटम बॉर्डर को प्रभावित करती है।
संभावित मान
dotted- बिंदीदार बॉर्डरdashed- डैश्ड बॉर्डरsolid- ठोस बॉर्डरdouble- डबल बॉर्डरgroove- 3D ग्रूव इफेक्टridge- 3D रिज इफेक्टinset- इनसेट (अंदर धंसा हुआ) इफेक्टoutset- आउटसेट (बाहर निकला हुआ) इफेक्टnone- कोई बॉर्डर नहींhidden- छिपा हुआ बॉर्डर
उदाहरण
<!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>नोट: बॉर्डर दिखाने के लिए border-bottom-width और border-bottom-color भी सेट करने पड़ सकते हैं, या शॉर्टहैंड border-bottom का उपयोग करें।
