CSS - @page

トップ > CSSリファレンス > @page

概要

ルール名 @page
構文
@page {...}
@page :selector {...}
サポート https://caniuse.com/?search=%40page

説明

印刷に関わるスタイルを指定します。ページスタイルでは、margin, margin-top, margin-bottom, margin-left, margin-right, size, marks を指定できます。page-break-before, page-break-after, page-break-inside, page, orphans, widows も参照してください。

CSS
@page { margin-top: 2cm; margin-bottom: 2cm; }

下記の様に条件を指定することもできます。:first は最初のページ、:right は右ページ、:left は左ページ、:blank は白紙ページを意味します。

CSS
@page :first { margin-right: 4cm; }
@page :right { margin-right: 4cm; }
@page :left { margin-left: 4cm; }
@page :blank { margin-left: 4cm; }

リンク


Copyright (C) 1997-2018 杜甫々
初版:1997年7月27日、最終更新:2018年1月7日
http://www.tohoho-web.com/css/rule/page.htm