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

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

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;
}

window.print()设置不同打印样式表

标签： window.print, 打印属性设置

上面是“window.print打印自定义打印属性（利用css属性）”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4523.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！