Set Custom Margins

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} from "@ironsoftware/ironpdf";

(async () => {
    const options = {
        margin: {
            top: 40,
            left: 20,
            right: 20,
            bottom: 40,
        },
    };
    // Render HTML file to PDF
    const pdf = await PdfDocument.fromHtml("my-content.html", { renderOptions: options });

    // Save the PDF
    await pdf.saveAs("my-content.pdf");
})();

Set Custom Margins

Customizing margins is a straightforward task with IronPDF.

Begin by setting up the rendering options and specifying the margins for the PDF content. In this example, we have defined a top margin of 40 units, a left margin of 20 units, a right margin of 20 units, and a bottom margin of 40 units. These margin values control the spacing between the content and the edges of each page within the PDF.

Utilize the PdfDocument.fromHtml method to convert an HTML file into a PDF document. The rendering options, which include the customized margins, should be provided within the renderOptions object.

Once the HTML content has been successfully rendered into a PDF document, proceed to export the resulting PDF.