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

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

उदाहरण

pageBreakBefore प्रॉपर्टी से एलिमेंट के पहले पेज ब्रेक नियंत्रित करें।

<!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.pageBreakBefore = "always";
      }
    </script>
  </body>
</html>

मान: auto, always, avoid, left, right।

नोट: केवल प्रिंट/प्रिंट पूर्वावलोकन में प्रभावी।

  1. - JavaScript से एलिमेंट का निचला मार्जिन कैसे सेट करें?

    उदाहरण marginBottom प्रॉपर्टी से एलिमेंट का निचला मार्जिन सेट करें। <!DOCTYPE html> <html> <body> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>निचला मार्जिन सेट करें</button> <script> function display() {

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {

  1. - JavaScript से एलिमेंट की अधिकतम ऊंचाई कैसे सेट करें?

    उदाहरण maxHeight प्रॉपर्टी से एलिमेंट की अधिकतम ऊंचाई सीमित करें। <!DOCTYPE html> <html> <head> <style> #box { width: 300px; background-color: gray; overflow: auto; } </style> </head> <body> <p>अधिक