window.print打印自定义打印属性（利用css属性）

如何利用css语法对window.print打印设置自定义属性，下面编程教程网小编给大家简单介绍一下几个小知识！

1、除去默认的页眉页脚

@mediaprint {
  @page{
    margin:0;
  }

  body{
    margin:1cm;
  }
}

2、添加指定的页眉页脚

@page {
  size: A4 portrait; 
  margin: 3.7cm 2.6cm 3.5cm; 
  @bottom-left, @bottom-center, @bottom-right {
    border-top: 1px solid gray;
  }
  @bottom-center {
    content: "第" counter(page) "页";
  }
}

3、设置默认的打印方向和边距

@page{
  size: portrait; /* 纵向 */
  size: landscape;/* 横向 */
  margin:1cm 2cm 1cm 2cm; * 边距 上右下左 */
}

4、设置左页和右页不同页面间距

@page :left {
  margin-left: 3.2cm;
  margin-right: 3.7cm;
}

@page :right {
  margin-left: 2.5cm;
  margin-right: 2.8cm;
}