各印刷ページにカスタム ヘッダーとフッターを付けて HTML ページを印刷することは可能ですか?
内容に関係なく、印刷されるすべてのページの上部と下部に、赤色、Arial、サイズ 16 pt で「UNCLASSIFIED」という単語を追加したいと思います。
具体的には、ドキュメントが 5 ページに印刷される場合、各ページにカスタム ヘッダーとフッターが必要です。
HTML/CSS を使用してこれが可能かどうか知っている人はいますか?
ベストアンサー1
フッターにする要素を position:fixed および bottom:0 に設定すると、ページを印刷するときに、各印刷ページの下部にその要素が繰り返されます。ヘッダー要素でも同じことが機能し、代わりに top:0 を設定するだけです。
例えば:
<div class="divFooter">UNCLASSIFIED</div>
CS: ...
@media screen {
div.divFooter {
display: none;
}
}
@media print {
div.divFooter {
position: fixed;
bottom: 0;
}
}