JavaScript से एलिमेंट के अंदर पेज-ब्रेक व्यवहार कैसे सेट करें?

उदाहरण

pageBreakInside प्रॉपर्टी से एलिमेंट के अंदर पेज ब्रेक रोकें या अनुमति दें।

<!DOCTYPE html>
<html>
  <body>
    <h1>हेडिंग 1</h1>
    <p>यह डेमो टेक्स्ट है।</p>
    <p>यह डेमो टेक्स्ट है।</p>
    <p id="myFooter">यह फुटर टेक्स्ट है।</p>
    <button type="button" onclick="display()"> पेज-ब्रेक सेट करें </button>
    <script>
      function display() {
        document.getElementById("myFooter").style.pageBreakInside = "auto";
      }
    </script>
  </body>
</html>

मान: auto (डिफ़ॉल्ट - आवश्यकतानुसार ब्रेक), avoid (ब्रेक रोकें)।

उपयोग: टेबल, कोड ब्लॉक, इमेज जैसे एलिमेंट्स को पेज ब्रेक से बचाने के लिए avoid उपयोग करें।