css - クロムブラウザ：印刷パラメータ（A4 / A3、向きなど）を設定する方法は？

Question

window.print（）を使用するときに印刷パラメータを追加する方法はありますか？

Answer 1

CSS3ルールを使用できます。

@page {
  size: A4 portrait;
  margin: 27mm 16mm 27mm 16mm;
  counter-increment: page;
  @bottom-right {
    content: "Page " counter(page) " of " counter(pages);
  }
}

ただし、一部のユーザーエージェントはカウンターをサポートせず、pagesそのカウンターを含むコンテンツを無視するため、すべてのUAをカバーするには、次のようにします。

@page {
  size: A4 portrait;
  margin: 27mm 16mm 27mm 16mm;
  counter-increment: page;
  @bottom-right {
    content: "Page " counter(page);
    content: "Page " counter(page) " of " counter(pages);
  }
}

CSS3ページメディアモジュールの詳細については、こちらをご覧ください