एचटीएमएल डोम स्टाइल पैडिंगशीर्ष संपत्ति

<घंटा/>

DOM की पैडिंगटॉप प्रॉपर्टी का इस्तेमाल HTML में किसी एलीमेंट की टॉप पैडिंग को सेट करने के लिए किया जाता है। याद रखें, किसी तत्व की सीमा के भीतर स्थान सम्मिलित करता है। इसका उपयोग शीर्ष पैडिंग को वापस करने के लिए भी किया जाता है। डिफ़ॉल्ट मान 0 है।

सिंटैक्स

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

शीर्ष पैडिंग वापस करने के लिए सिंटैक्स

object.style.paddingTop

शीर्ष पैडिंग सेट करने के लिए सिंटैक्स

object.style.paddingTop = "%|length|initial|inherit"

यहाँ, % शीर्ष पैडिंग है, लंबाई लंबाई (इकाइयों) में शीर्ष पैडिंग है, प्रारंभिक संपत्ति को डिफ़ॉल्ट मान पर सेट करने के लिए उपयोग किया जाता है और इनहेरिट का उपयोग इनहेरिट . के लिए किया जाता है संपत्ति प्रपत्र मूल तत्व।

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
   #sample {
      border: 2px dashed #ded575;
   }
</style>
</head>
<body>
<div id="sample">Demo text!</div>
<br>
<button type="button" onclick="demo()">Update</button>
<script>
   function demo() {
      document.getElementById("sample").style.paddingTop = "80px";
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम स्टाइल पैडिंगशीर्ष संपत्ति

ऊपर अपडेट बटन पर क्लिक करने पर निम्नलिखित दिखाई देगा। हमने पैडिंग-टॉप प्रॉपर्टी का उपयोग करके अब आसानी से टॉप पैडिंग सेट कर दी है -

एचटीएमएल डोम स्टाइल पैडिंगशीर्ष संपत्ति