CSS を使用して Web サイトの印刷出力にページ番号を追加するにはどうすればよいですか?

CSS/HTML を使用したページ番号付けの実現

特殊なシナリオでは、ヘッダーとフッターを表示するために Web サイトの印刷版が必要になります。 、フッターにページ番号が表示されます。高度な機能を使用して、CSS と HTML を使用してこれをどのように実現できますか?

解決策:

必要なブラウザーのサポートに応じて、CSS プロパティ「@page」を次のように指定できます。雇用されている。次の例は、実際的な実装を示しています。

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

このコードは、ページ番号と総ページ数を各印刷ページの右下隅に追加するようにブラウザーに指示します。

さらなる機能強化:

• より包括的な情報については、以下を参照してください。次のリソース:

  • [CSS3 ページ モジュール](http://www.w3.org/TR/css3-page/)
  • [CSS ページでのページ番号の追加]プロパティ](http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-page-property-of-css/)
  • [ページ番号PrinceXML](http://www.princexml.com/doc/6.0/page-numbers/)

CSS の機能を活用することで、ページ番号付けを簡単に実装できます印刷された Web コンテンツに組み込まれ、シームレスなドキュメント管理と強化されたプレゼンテーションが保証されます。

以上がCSS を使用して Web サイトの印刷出力にページ番号を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。