HTMLとCSSの使用方法

This article was translated from English: Does it need improvement?
Translated
View the article in English

CSSの「screen」メディアタイプは、主にコンピュータ画面や類似のデバイスでの表示を目的としています。 「スクリーン」メディアタイプ用にスタイルが定義される場合、それはスクリーン上のウェブコンテンツの表示方法に影響を与え、ビジュアルデザインとインタラクティビティを強調します。

対照的に、CSS の「print」メディアタイプは印刷用に設計されています。 ウェブページが印刷されたときの表示を決定し、印刷ページ用にコンテンツを最適化することに重点を置きます。 この最適化には、印刷時に関係ない、または必要でない要素の調整、フォントサイズや余白の調節、削除や非表示が含まれる場合があります。


PDF 用 C# NuGet ライブラリ

でインストール NuGet

Install-Package IronPdf
または
Java PDF JAR(ジャバPDF JAR)

ダウンロード DLL (ディーエルエル)

DLLをダウンロード

プロジェクトに手動でインストールする

PDF 用 C# NuGet ライブラリ

でインストール NuGet

Install-Package IronPdf
または
Java PDF JAR(ジャバPDF JAR)

ダウンロード DLL (ディーエルエル)

DLLをダウンロード

プロジェクトに手動でインストールする

今日からプロジェクトでIronPDFを使い始めましょう。無料のトライアルをお試しください。

最初のステップ:
green arrow pointer

チェックアウト IronPDF オン Nuget 迅速なインストールと展開のために。8百万以上のダウンロード数により、PDFをC#で変革しています。

PDF 用 C# NuGet ライブラリ nuget.org/packages/IronPdf/
Install-Package IronPdf

インストールを検討してください IronPDF DLL 直接。ダウンロードして、プロジェクトまたはGACの形式で手動でインストールしてください。 IronPdf.zip

プロジェクトに手動でインストールする

DLLをダウンロード

スクリーン&プリントCSSタイプ(CSS3)

IronPDFはC#でHTMLからPDFを生成し、デフォルトでスクリーンスタイルシートをPDFに簡単にレンダリングできます。 これは便利です。なぜなら、印刷用のスタイルシートは、画面用のスタイルシートに比べて、文書化が十分にされていないことが多く、使用されることも少なく、開発も進んでいないためです。

CSS3では、特定のCSSスタイルを印刷ドキュメント専用にレンダリングすることができますが、他のスタイルはウェブブラウザー向けに意図されています。 IronPDFはどちらでも動作するようにプログラムすることができます。

私たちのHTMLに印刷スタイルシートを作成して適用します: https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.

どのCSSメディアタイプが優れているかを言うのは非常に難しいです。なぜなら、それぞれのタイプは異なるユースケースを対象としているからです。 試行錯誤しながらそれぞれを試して、どれがあなたの要件に適しているか確認する価値があります。

印刷1の例

スクリーン1の例


表のヘッダーを繰り返す

複数ページにわたるHTMLテーブルを扱う場合、CssMediaTypeプロパティをPdfCssMediaType.Printに設定してください。 これにより、表ヘッダーが拡張された各ページの上部に繰り返されることが保証されます。 対照的に、PdfCssMediaType.Screen は、Chrome にヘッダーを一度だけ印刷するよう指示します。

Chromeがテーブルヘッダーを検出するためには、<タグ内に囲む必要があります。ヘッダー以下の内容を日本語に翻訳してください:

タグ 「'」をレンダリングしましょう。tableHeader.htmlHTMLファイルをPDFに変換して効果を確認してください。

:path=/static-assets/pdf/content-code-examples/how-to/html-to-pdf-responsive-css-table-header.cs
using IronPdf;
using IronPdf.Rendering;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Change the paper size to small
renderer.RenderingOptions.SetCustomPaperSizeinPixelsOrPoints(600, 400);

// Choose screen or print CSS media
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print;

// Render HTML to PDF
PdfDocument pdf = renderer.RenderHtmlFileAsPdf("tableHeader.html");

pdf.SaveAs("tableHeader.pdf");
Imports IronPdf
Imports IronPdf.Rendering

Private renderer As New ChromePdfRenderer()

' Change the paper size to small
renderer.RenderingOptions.SetCustomPaperSizeinPixelsOrPoints(600, 400)

' Choose screen or print CSS media
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print

' Render HTML to PDF
Dim pdf As PdfDocument = renderer.RenderHtmlFileAsPdf("tableHeader.html")

pdf.SaveAs("tableHeader.pdf")
VB   C#