Bagaimana untuk menambah pengepala dan pengaki pada setiap halaman dokumen HTML yang dicetak?

Question

Adakah mungkin untuk mencetak halaman HTML pengepala dan pengaki tersuai pada setiap halaman yang dicetak?

Saya ingin menambah perkataan "UNCLASSIFIED" dalam warna merah, fon Arial, saiz 16pt, ke bahagian atas dan bawah setiap halaman bercetak, tanpa mengira kandungan.

Untuk menjelaskan, jika dokumen dicetak kepada 5 halaman, setiap halaman harus mempunyai pengepala dan pengaki tersuai.

Adakah sesiapa tahu sama ada ini boleh dicapai menggunakan HTML/CSS?

Answer 1

Jika anda ingin menetapkan elemen yang anda ingin jadikan pengaki kepada kedudukan:tetap dan bawah:0, apabila halaman dicetak, ia akan mengulangi elemen di bahagian bawah setiap halaman yang dicetak. Untuk elemen pengepala, cuma tetapkan atas:0.

Contohnya:

<div class="divFooter">UNCLASSIFIED</div>

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}