HTMLレンダリング設定

多くのレンダリングオプションは、HTML文字列、ファイル、またはWeb URLからレンダリングする際に構成できます。 上記の設定には、構成可能な測定単位を持つカスタム紙サイズ、HTML背景の有効化、ページの向き、ドキュメントタイトル、レンダリングプロセスの遅延、CSSメディアタイプの指定、紙モードの選択、編集可能なフォームフィールドの作成、マージンのカスタマイズ、そしてページ番号の追加が含まれます。

CSSメディアタイプ"screen"と"print"は、表示または出力の媒体に基づいてHTMLドキュメントにスタイルを適用する方法を指定するために使用される指令です。 "screen"がメディアタイプとして選択された場合、CSSルールはオンスクリーン表示向けに意図されており、デジタルスクリーン向けに色やレイアウトを最適化します。 逆に、"print"が選択された場合、印刷用ドキュメントに合わせたスタイルを適用するようブラウザに指示し、HTMLコンテンツが物理メディアに印刷される際の可読性と適切な書式設定を確保します。 時には、特定の背景画像を表示するためにCSSメディアタイプを"screen"に設定することが必要です。

レンダリングプロセスの遅延は主にJavaScriptやフォントのロードのための十分な時間を提供します。

説明:

  • HTML Structure: The code is structured in a standard HTML5 format with a <code><head></code> and <code><body></code> section.
  • Metadata: The <code><meta></code> tags define the character set and viewport for responsive design.
  • スタイルシート:

    • デフォルトのボディスタイル: フォントファミリーとすべてのメディアに適用されるマージンを設定します。
    • スクリーンメディアクエリー: デジタルスクリーン向けに明るい灰色の背景と暗い文字を適用します。
    • プリントメディアクエリー: 印刷用として白い背景と黒い文字を適用します。
  • 使用例: 指定されたHTMLとCSSの構造は、コンテンツがスクリーン上で表示されるか印刷されるかによって、どのように異なるスタイルが適用されるかを示すのに役立ちます。

GitHubでPDF生成の設定例をもっと見る。

準備はできましたか?
バージョン: 2025.12 リリース