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

एचटीएमएल डोम स्टाइल चौड़ाई संपत्ति


HTML DOM शैली की चौड़ाई गुण HTML दस्तावेज़ में किसी तत्व की चौड़ाई CSS गुण लौटाता है और संशोधित करता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

  • वापसी की चौड़ाई

object.style.width
  • चौड़ाई संशोधित करना

object.style.width = “value”

उदाहरण

आइए शैली चौड़ाई गुण का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
   }
   p {
      border: 2px solid #fff;
      margin: 1.5rem auto;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
   }
</style>
</head>
<body>
<h1>DOM Style width Property Example</h1>
<p>
   This is paragraph 1 with some dummy text.
   This is paragraph 1 with some dummy text.
   This is paragraph 1 with some dummy text.
</p>
<button onclick="add()" class="btn">Change Width</button>
<script>
   function add() {
      document.querySelector('p').style.width = "50%";
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम स्टाइल चौड़ाई संपत्ति

"चौड़ाई बदलें . पर क्लिक करें अनुच्छेद तत्व की चौड़ाई बदलने के लिए बटन -

एचटीएमएल डोम स्टाइल चौड़ाई संपत्ति


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

    HTML DOM BorderRightWidth प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के लिए राइट बॉर्डर की चौड़ाई सेट करने या पाने के लिए किया जाता है। − . के लिए वाक्य रचना निम्नलिखित है BorderRightWidth प्रॉपर्टी सेट करना - object.style.borderRightWidth = "thin|medium|thick|length|initial|inherit" संपत्ति के

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

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

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

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