Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम स्टाइल बॉर्डरबॉटमविड्थ प्रॉपर्टी

<घंटा/>

BorderBottomWidth प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के लिए बॉटम बॉर्डर की चौड़ाई सेट करने या पाने के लिए किया जाता है।

सिंटैक्स

. के लिए वाक्य रचना निम्नलिखित है

बॉर्डरबॉटमविड्थ प्रॉपर्टी सेट करना -

object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"

मान

संपत्ति के मूल्यों को इस प्रकार समझाया गया है -

<टेबल> <थेड> क्रमांक <थ> मान और विवरण 1 पतला
यह एक पतली सीमा निर्दिष्ट करता है।
2 मध्यम
यह मध्यम सीमा निर्दिष्ट करता है और डिफ़ॉल्ट मान है।
3 मोटा
यह एक पतली सीमा निर्दिष्ट करता है।
4 लंबाई
इसका उपयोग लंबाई इकाइयों में सीमा चौड़ाई निर्दिष्ट करने के लिए किया जाता है।
5 प्रारंभिक
इस संपत्ति को प्रारंभिक मूल्य पर सेट करने के लिए।
6 उत्तराधिकारी
मूल संपत्ति मूल्य प्राप्त करने के लिए

उदाहरण

आइए बॉर्डरबॉटमविड्थ प्रॉपर्टी के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   #DIV1{
      height: 100px;
      width: 200px;
      border: 10px groove orange;
      padding: 10px;
      border-bottom-width:30px;
   }
</style>
<script>
   function changeBottomWidth(){
      document.getElementById("DIV1").style.borderBottomWidth="1px";
      document.getElementById("Sample").innerHTML="The bottom border width is now
      decreased";
   }
</script>
</head>
<body>
<div id="DIV1">SOME SAMPLE TEXT</div>
<p>Change the above div bottom border width by clicking the below button</p>
<button onclick="changeBottomWidth()">Change Bottom Width</button>
<p id="Sample"></p>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

एचटीएमएल डोम स्टाइल बॉर्डरबॉटमविड्थ प्रॉपर्टी

"नीचे की चौड़ाई बदलें" बटन पर क्लिक करने पर -

एचटीएमएल डोम स्टाइल बॉर्डरबॉटमविड्थ प्रॉपर्टी


  1. HTML DOM स्टाइल बॉर्डरराइटस्टाइल प्रॉपर्टी

    HTML DOM BorderRightStyle प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के लिए सही बॉर्डर स्टाइल सेट करने या वापस करने के लिए किया जाता है। − . के लिए वाक्य रचना निम्नलिखित है BorderRightStyle प्रॉपर्टी सेट करना - object.style.borderRightStyle = value उपरोक्त गुणों को इस प्रकार समझाया गया है - मान विवरण क

  1. HTML DOM स्टाइल बॉक्ससाइज़िंग प्रॉपर्टी

    किसी तत्व की कुल चौड़ाई और ऊंचाई की गणना के तरीके को निर्दिष्ट करने के लिए HTML DOM boxSizing प्रॉपर्टी का उपयोग किया जाता है। इसमें मान के रूप में बॉर्डर-बॉक्स या कंटेंट-बॉक्स हो सकता है। − . के लिए वाक्य रचना निम्नलिखित है बॉक्स साइज़िंग प्रॉपर्टी सेट करना - object.style.boxSizing = "conten

  1. एचटीएमएल डोम स्टाइल बॉर्डरविड्थ संपत्ति

    किसी तत्व के लिए बॉर्डर चौड़ाई गुण प्राप्त करने या सेट करने के लिए HTML DOM BorderWidth प्रॉपर्टी का उपयोग शॉर्टहैंड के रूप में किया जाता है। इसमें एक से 4 मान निम्न प्रकार से लगते हैं - यदि सभी 4 मान दिए गए हैं तो यह दक्षिणावर्त दिशा में सीमा-चौड़ाई निर्दिष्ट करता है। यदि केवल एक मान दिया जात