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

एचटीएमएल डोम स्टाइल पैडिंगबॉटम प्रॉपर्टी


HTML DOM स्टाइल पैडिंगबॉटम प्रॉपर्टी एक HTML दस्तावेज़ में किसी एलीमेंट के बॉटम पैडिंग को वापस लौटाती है और संशोधित करती है।

सिंटैक्स

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

  • रिटर्निंग पैडिंगबॉटम

object.style.paddingBottom
  • पैडिंग को संशोधित करनानीचे

object.style.paddingBottom = “value”

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
   }
   p {
      border: 2px solid #fff;
   }
   .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 paddingBottom Property Example</h1>
<p>Hi! I'm awesome paragraph with some random text. Hi! I'm awesome paragraph with some random text. Hi! I'm awesome paragraph with some random text. Hi! I'm awesome paragraph with some random text.
</p>
<button onclick="add()" class="btn">Add padding</button>
<script>
   function add() {
      document.querySelector('p').style.paddingBottom = "30px";
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम स्टाइल पैडिंगबॉटम प्रॉपर्टी

पैडिंग जोड़ें . पर क्लिक करें अनुच्छेद तत्व में निचला पैडिंग जोड़ने के लिए बटन -

एचटीएमएल डोम स्टाइल पैडिंगबॉटम प्रॉपर्टी


  1. एचटीएमएल डोम स्टाइल ट्रांसफॉर्मऑरिजिन प्रॉपर्टी

    HTML DOM स्टाइल ट्रांसफॉर्मऑरिजिन प्रॉपर्टी लौटाती है और HTML दस्तावेज़ के किसी तत्व में 2D या 3D ट्रांसफ़ॉर्मेशन लागू करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग ट्रांसफॉर्मऑरिजिन object.style.transformOrigin ट्रांसफॉर्म ऑरिजिन को संशोधित करना object.style.transformOrigin = &l

  1. HTML DOM स्टाइल प्रॉपर्टी को कोट करता है

    HTML DOM शैली प्रॉपर्टी रिटर्न को कोट करती है और HTML दस्तावेज़ में कोटेशन संलग्न करने के लिए उद्धरण चिह्नों के प्रकार को संशोधित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग कोट्स object.style.quotes उद्धरण संशोधित करना object.style.quotes = “value” मान यहाँ, मान ह

  1. एचटीएमएल डोम स्टाइल टेक्स्टट्रांसफॉर्म संपत्ति

    DOM स्टाइल टेक्स्टट्रांसफॉर्म प्रॉपर्टी रिटर्न करती है और HTML डॉक्यूमेंट में किसी एलीमेंट के टेक्स्ट पर ट्रांसफॉर्मेशन लागू करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग टेक्स्टट्रांसफॉर्म object.style.textTransform टेक्स्ट ट्रांसफॉर्म को संशोधित करना object.style.textTransform