জাভাস্ক্রিপ্টে এলিমেন্টের ভিতরে পেজ-ব্রেক আচরণ সেট করা

এলিমেন্টের ভিতরে পেজ-ব্রেক আচরণ সেট করতে জাভাস্ক্রিপ্টে pageBreakInside প্রপার্টিটি ব্যবহার করুন। এলিমেন্টের ভিতরে স্বয়ংক্রিয় পেজ ব্রেকের জন্য auto প্রপার্টি ব্যবহার করুন। auto বা avoid মান ব্যবহার করে প্রয়োজনে স্বয়ংক্রিয় পেজ ব্রেক দিন বা এড়িয়ে চলুন।

নোট − পরিবর্তনগুলো প্রিন্ট বা প্রিন্ট প্রিভিউ দেখার সময় দেখা যাবে।

উদাহরণ

জাভাস্ক্রিপ্টে এলিমেন্টের ভিতরে পেজ-ব্রেক আচরণ ফেরত দেওয়ার জন্য নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <body>       <h1>শিরোনাম ১</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>

ব্যাখ্যা: page-break-inside: avoid ব্যবহার করে টেবিল সারি, ছবি, কোড ব্লক ইত্যাদি পেজের মাঝপথে ভাঙা থেকে বাঁচানো যায়। auto ডিফল্ট আচরণ (প্রয়োজনে ব্রেক)। প্রিন্ট স্টাইলশিটে খুব গুরুত্বপূর্ণ।