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

Thuộc tính pageBreakBefore (CSS page-break-before) buộc hoặc ngăn ngắt trang ngay trước phần tử khi in ấn. Giá trị always luôn chèn ngắt trang.

Ví dụ minh họa

Nhấn nút để buộc ngắt trang trước chân trang 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.pageBreakBefore = "always";
    }
  </script>
</body>
</html>

Các giá trị pageBreakBefore

Lưu ý: Chỉ có hiệu lực khi in hoặc xem trước in. Thay thế hiện đại: break-before (CSS Fragmentation).