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

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


पेजBreakInside का प्रयोग करें एक तत्व के अंदर पेज-ब्रेक व्यवहार सेट करने के लिए जावास्क्रिप्ट में संपत्ति। स्वतः का प्रयोग करें एक तत्व के अंदर पेज ब्रेक डालने के लिए संपत्ति। ऑटो का उपयोग करें या से बचें यदि आवश्यक हो, तो किसी तत्व के अंदर स्वचालित रूप से पृष्ठ विराम सम्मिलित करने के लिए गुण मान, या पृष्ठ विराम से बचने के लिए, क्रमशः।

नोट - प्रिंट पूर्वावलोकन या प्रिंट पूर्वावलोकन देखते समय परिवर्तन दिखाई देंगे।

उदाहरण

आप जावास्क्रिप्ट के साथ एक तत्व के अंदर पेज-ब्रेक व्यवहार को वापस करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p id = "myFooter">This if footer text.</p>
      <button type = "button" onclick="display()"> Set page-break </button>
     
      <script>
         function display() {
            document.getElementById("myFooter").style.pageBreakInside = "auto";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ किसी तत्व का शीर्ष मार्जिन कैसे सेट करें?

    मार्जिनटॉप का उपयोग करें जावास्क्रिप्ट में संपत्ति, शीर्ष मार्जिन सेट करने के लिए। क्या आप जावास्क्रिप्ट के साथ किसी तत्व के शीर्ष मार्जिन को सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं? उदाहरण <!DOCTYPE html> <html>    <head>       <style>

  1. जावास्क्रिप्ट के साथ किसी तत्व के निचले मार्जिन को कैसे सेट करें?

    मार्जिन बॉटम का उपयोग करें जावास्क्रिप्ट में संपत्ति, निचला मार्जिन सेट करने के लिए। उदाहरण जावास्क्रिप्ट के साथ एक तत्व के निचले मार्जिन को सेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>       <p id="

  1. जावास्क्रिप्ट के साथ किसी तत्व के मार्जिन को कैसे सेट करें?

    मार्जिन का प्रयोग करें जावास्क्रिप्ट में संपत्ति, मार्जिन सेट करने के लिए। आप जावास्क्रिप्ट के साथ एक तत्व के मार्जिन को सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <body>       <button type="but