Custom PDF Size

Screen: Indicates that CSS rules are intended for on-screen viewing. Styles are optimized for digital screens, which typically include considerations like colors and layouts that look good on computer monitors.
Print: Instructs the browser to apply styles tailored for printed documents. This means the CSS rules are optimized for printing, ensuring readability and proper formatting when the HTML content is printed on physical media, like paper.

import {PdfDocument, PaperSizeUnit} from "@ironsoftware/ironpdf";

(async () => {
    // Define the HTML content
    const html = `<p>Lorem ipsum dolor sit amet...</p>`;

    // Configure render options
    const options = {
        // Set the paper size to custom (5x5 inches)
        paperSize: {
            unit: PaperSizeUnit.Inch,
            height: 5,
            width: 5,
        },
    };

    // Render HTML content to a PDF
    const pdf = await PdfDocument.fromHtml(html, { renderOptions: options });

    // Save the PDF with the custom paper size
    await pdf.saveAs("customPaperSize.pdf");
})();

Custom PDF Size

This code snippet illustrates how to define custom paper size when rendering HTML content into a PDF document.

Use the paperSize property to customize paper size in the rendering options. Here, the options object is used to specify the custom paper size. It sets the paper size to a custom 5x5-inch dimension. You can adjust the height and width properties as needed to match your desired paper size.

Utilize the PdfDocument.fromHtml method to convert the HTML content into a PDF document, while applying the specified rendering options.

After rendering, the resulting PDF document is saved with the custom paper size using the saveAs method.