Cách thiết lập hành vi ngắt trang sau phần tử với JavaScript

Thuộc tính pageBreakAfter (CSS page-break-after) kiểm soát ngắt trang khi in ấn hoặc xem trước in. Giá trị always buộc ngắt trang ngay sau phần tử.

Ví dụ minh họa

Nhấn nút để buộc ngắt trang sau chân trang (footer) khi in:

<!DOCTYPE html>
<html>
<body>
  <h1>Tiêu đề 1</h1>
  <p>Đây là văn bản demo.</p>
  <p>Đây là văn bản demo.</p>
  <p id="myFooter">Đây là văn bản chân trang.</p>
  <button type="button" onclick="display()">Đặt ngắt trang</button>
  <script>
    function display() {
      document.getElementById("myFooter").style.pageBreakAfter = "always";
    }
  </script>
</body>
</html>

Các giá trị của pageBreakAfter

Lưu ý: Chỉ có hiệu lực khi in (@media print) hoặc xem trước in (Print Preview).