HTML DOM Style paddingRight प्रॉपर्टी

विवरण

HTML DOM Style paddingRight प्रॉपर्टी HTML तत्व में दायां पैडिंग प्राप्त करती है और जोड़ती है।

सिंटैक्स

1. paddingRight प्राप्त करना

object.style.paddingRight

2. paddingRight जोड़ना

object.style.paddingRight="value"

यहां, "value" निम्नलिखित हो सकते हैं:

उदाहरण

आइए HTML DOM Style paddingRight प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
  .outer-box { 
    background-color: #db133a; 
    width: 300px; 
    height: 300px; 
    margin: 1rem auto; 
  } 
  .inner-box { 
    background-color: #C3C3E6; 
    width: 100%; 
    height: 150px; 
  } 
</style> </head> <body> 
<h1>HTML DOM Style paddingRight प्रॉपर्टी डेमो</h1> 
<div class="outer-box"> 
  <div class="inner-box"> 
  </div> 
</div> 
<button type="button" onClick='addPadding()'>पैडिंग जोड़ें</button> 
<script> 
  function addPadding() { 
    var outerBox = document.querySelector('.outer-box'); 
    outerBox.style.paddingRight = '20px'; 
  } 
</script> </body> </html>

आउटपुट

लाल बॉक्स के अंदर पैडिंग जोड़ने के लिए "पैडिंग जोड़ें" बटन पर क्लिक करें।